Corner Radius Disappearing on Mobile Interaction

Hi there,

I’ve got a custom scroll animation that reveals more of the clients website upon scrolling.

The structure of this section is a relative image, with a relative container. The relative container’s top and right corners have a border radius; with the scroll interaction enabled, this border is removed, leaving the square edges.

However, on the web version (and in any browser), the corners still have a border radius; it’s only when actually viewing on mobile (iPhone 11), that the corners are squared.

Any information on this would be much appreciated!

Here is my public share link: LINK
(how to access public share link)