@media only screen and (max-width: 991px) {

    .gallery-grid { 
        grid-template-columns: repeat(2, 1fr);
        gap: 30px 4%;
    }
}

@media only screen and (max-width: 767px) {

    .gallery-grid { grid-template-columns: 1fr; }
}

@media only screen and (max-width: 576px) {

    .gallery-grid { padding: 20px 30px; }
}