Two sponsor logos (at bottom of page) are appearing squished via Safari on my client’s computer. (Attached is a photo of what my client sees on their screen — two bottom logos in bottom row.)
I have not spec’d the logo sizing in a way that should result in them squishing, nor do they appear to be squished on any breakpoint in any browser I view the site on.
You’ve set object-fit: fill on class="Sponsor Logo". This may not be the fix, but the fit value “…completely fills the container. If the object’s aspect ratio does not match the aspect ratio of its box, then the object will be stretched to fit.” Object-fit Web Doc Here.
Try changing the object-fit value
However, I think I found it? I had each “sponsor logo” size set to a certain percentage, and the max-width set to 100%, height: auto for all. BUT, the parent “sponsor link” alignment was set to “stretch”! Ahh! That’s it, right?