Keeping grid layout 2 rows of 3 images at smaller sizes

I’m picking up a previous post, as I now have a viewable page.

https://www.motivitymarketing.com/motivity-v02a/

This refers to the 2 galleries on the above page, each with the ‘Making the News’ header.

The top of the 2 galleries is an Atomic Blocks gallery, and I’d like the Foo Gallery images to wrap and sort like that one as the page size changes.

Foo Gallery settings

6 items set at 200x130p images.
It’s residing in an Atomic Block 2 column space full width, with the images in the 70% column.

I’m wanting the images to be in the format 2 rows and 3 columns, and retain that at smaller sizes.

When I try to increase the image size, taking the width to just 250, it goes into a 3 rows/2 column format.

The Atomic Blocks gallery setup (top gallery) is showing the 2 rows/3 columns format I want, at the same page size, with images much larger. So I’m trying to figure out how to get that format out of the FooGallery.

I’m using the Responsive Gallery, and am not very clear on the various settings in Foo Gallery. Otherwise, really like the Foo Gallery’s image presentation options.

thanks for any input on this.
Doug

The page I need help with: [log in to see the link]