retain grid effect on mobile when using image grid section on 7.1

7.1 Section ID Targeting Challenge...

For 7.1 when using an image page section with a gallery grid...

Want to add CSS so that when on mobile the grid effect still happens vs all images stacking one on top of another.

I am having trouble... and not gonna lie did search on Google for some code ideas, cause this is still way new for me..

(I did find a Chrome extension that identifies section ID, as opposed to just block id. Squarespace ID Finder)

So I have tried a bunch of things, none seem to do what I want to accomplish.

Any suggestions?

You can target data-section-id, right click > inspect element > you will see data-section-id

It will be like this

[data-section-id="abcxyz1234tuanphan"] .section-background {background: green;}