Images set to 1:1 ratio displaying in skewed ratio or not at all on mobile

[Grace_M]

Hi there,
I’m working on a page where I want the images to display as 1:1 ratio on mobile. They look fine on the Webflow builder and preview, but when I view them on my iPhone the images are in a very narrow landscape frame - or do not display at all. The div below with text in is also vertically stretched - to the size that the image would be in 1:1 + the div’s own content. How can I fix this?

How it displays on the Webflow builder:

vs on my iPhone:

Thank you!

---

Here is my site Read-Only: [LINK][1]

[RoryVB (Perspective Design)]

Hi Grace,

I’m guessing you’re using Safari since Safari can’t handle 100% width and 100% height.

Can you try these settings for me?

[Grace_M]

Oh wow that’s working perfectly now! Thanks very much!