Adjust simple grid from multiple columns to single column on mobile

Hi!  I have used the following code to force my simple grids to display as single images on mobile:

@media screen and (max-width:1400px) {
.gallery-grid-wrapper {
    grid-template-columns: repeat(1,1fr) !important;
      grid-row-gap: 3vw !important;

It is working on the first grid on my homepage, but strangely not on the second grid at the bottom of the homepage.

Can anyone help me understand why it wouldn't apply to all grids, and perhaps offer a solution?  
https://www.vermontgoldsmith.com/
PW: nbgoldsmith

Thanks in advance!

It's a different type of gallery, use this Custom CSS:

@media only screen and (max-width:1400px) {
  .sqs-gallery-block-grid.sqs-gallery-thumbnails-per-row-2 .sqs-gallery-design-grid-slide {
    width: 100%;
  }
}