Hi all - I’m having an issue with my site which is only breaking in Safari - works perfectly in Chrome.
I have a page scroll interaction on two rows of geometric shapes. The images are very wide and the section is set to hide overflow. As the page scrolls the images move slowly to reveal additional image. (Top row moves right, bottom row moves left.) The problem is in Safari the images are clipped at the original edge of the screen.
initial view on page load:
as it scrolls - top row clipped at left, bottom row clipped at right:
Here’s the read link: Webflow - Neapolitan & Co
Thanks!