Masonry Gallery Formatting for Tablet/mobile

Site URL: https://christophermunoz.com/portfolio/utsa-convo-banners

Is there any CSS I can add to media queries to have the masonry gallery not stack on smaller tablet size? It stays masonry style on mobile and desktop but it won't for smaller tablet size.

Here is CSS coding I am using for this specific break point:
@media screen and (max-width:1024px) and (min-width:641px)

Try adding to Design > Custom CSS > then save & reload the site

/* masonry 2 items */
@media only screen and (max-width: 992px) and (min-width:768px) {
    .gallery-masonry .gallery-masonry-wrapper {
        columns: 2;
        column-gap: 0;
        height: auto!important;
        display: block!important;
        padding: 0px;
    }
    .gallery-masonry-item-wrapper {
        height: auto!important;
    }
    .gallery-masonry-item {
        position: relative!important;
        transform: none!important;
        width: 100%!important;
        display: block;
        padding: 1.5px!important;
        box-sizing: border-box;
    }

    .gallery-masonry .gallery-masonry-item img {
        height: 100%!important;
      	width: 100%!important;
    }
}