Adjust images per row on mobile

Site URL: https://round-flute-mh4j.squarespace.com/anchorage

Hi everyone, I wanted to adjust how many images are displayed on mobile for the gallery.

I decided to use gallery for the images on my site (because of easier customization), but now what happens on mobile is that it shows 2 images in one row, and then the third image on the second row, when I would rather have each image be displayed once per row. I was wondering if anyone can help.

**In the image**

As you can see the first three images are showing in two rows, where i'd rather have it be one image per row, to be scaled up to the size of the screen (not for only this gallery, but for all of the galleries.

Thank you!

/* stack gallery grid on mobile */

 @media only screen and (max-width: 640px)
  {.sqs-gallery-design-grid-slide {
      width: 100% !important;
      clear: none !important;
  }
  }

This answer helped^^^ (Brine 7.0)

Refresh the page for it to actually work!

Banner image on mobile is not fullsize. Do you want to resize it?

https://round-flute-mh4j.squarespace.com/anchorage