Site URL: https://www.ccaknights.com/staff
Created this staff page on our site (https://www.ccaknights.com/staff) using the "Stack Image Layout" not the Gallery, and while it looks fine in desktop it's awful in tablet and single image in mobile. Which makes for an almost infinite scroll on mobile. I've read so many tutorials and how-to's for CSS, and I can't seem to find the right element class or combination thereof to get what I want.
What I'd like to end up with is perhaps two side by side on mobile and maybe four on tablet. Besides that, if it's possible to additionally resize the text that is in the block with the image so it doesn't wrap in an unpleasant way, like it currently does on tablet. Your assistance is greatly appreciated.