
.grid-gallery{
    width: 100%;
    margin: 0 auto;
    padding: 50px 20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 50px;
}
.grid-gallery .grid-item{
    position: relative;
    overflow: hidden;
}
.grid-gallery .grid-item img{
    width: 100%;
    object-fit: over;
}

.grid-gallery .grid-item:nth-child(3n - 2){
    grid-column: span 2;
    grid-row: span 2;
}

@media(max-width:736px){
    .grid-gallery{
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        grid-auto-rows: 250px;
    }
    .grid-gallery .grid-item:nth-child(3n - 2){
        grid-column: unset;
        grid-row: unset;
    }
}

