Safari ignoring container width

hi - hope someone can help.

I have a logo grid of three rows, four containers wide. Each container is set to 25% on desktop, 50% on mobile.

In Chrome this functions perfectly. I see a row of logos, four columns wide, three rows deep.

In Safari, it ignores the container width and puts five container columns wide on desktop, on mobile it ignores the 50% and has one long list of logos in a single column.

How do I fix this?

Link here: (logo grid about halfway down page).

Thanks. (edited to add screenshots)

hmmmm… crickets in here. I’ll try on the GeneratePress forum.