.image-gallery {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-gap: 15px;
}

@media (min-width: 576px) {
    .image-gallery {
        grid-template-columns: 1fr 1fr;
    }
}

@media (min-width: 768px) {

}


@media (min-width: 992px) {
    .image-gallery {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        column-gap: 19px;
    }

    .image-gallery > div:nth-child(5) {
        grid-column: 3 / span 2;
        grid-row: 1 / span 2
    }


    .image-gallery > div:nth-child(10) {
        grid-column: 1 / span 2;
        grid-row: 3 / span 2;
    }
}


@media (min-width: 1200px) {

}