.gallery-container {
    position: relative;
    height: 100%;
    width: 100%;
}

.gallery-container .gallery {
    position: relative;
    height: auto;
    margin: auto;
    padding: 45px 15px;
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-gap: 2vh;
    grid-auto-flow: dense;
}

.gallery-container .gallery .img {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.gallery-container .gallery .img:first-child {
    grid-column-start: span 2;
    grid-row-start: span 2;
}

.gallery-container .gallery .img:nth-child(2n+3) {
    grid-row-start: span 2;
}

.gallery-container .gallery .img:nth-child(4n+5) {
    grid-column-start: span 2;
    grid-row-start: span 2;
}
.gallery-container .gallery .img:nth-child(6n+7) {
    grid-row-start: span 1;
}
.gallery-container .gallery .img:nth-child(8n+9) {
    grid-column-start: span 1;
    grid-row-start: span 1;
}

.gallery-container .gallery .img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: 0.3s ease-in-out;
}
.gallery-container .gallery .img img:hover {
    transform: scale(1.5); 
}

@media (max-width: 1199px) {}

/* Large Devices Bootstrap */
@media (max-width: 991px) {

}


/* Medium Devices Bootstrap */
@media (max-width: 767px) {
    .gallery-container .gallery {
        grid-template-columns: auto auto auto;
    }
}

/* Small Devices Bootstrap */
@media (max-width: 575px) {
    .gallery-container .gallery {
        grid-template-columns: auto auto;
    }
}