Interactions don't work on mobile on published when a parent element is set to Overflow: scroll

No “while scrolling in view” interactions are playing on the published mobile site when a parent elements of the trigger is set to overflow: scroll. All interactions work as expected on desktop site in the preview and published site. All interactions work as expected in the live preview for mobile, but on the published site they do not work.

I’m trying to get a logo to scale up and fade out as the page is scrolled down and the wrapper needs to be overflow: scroll due to the use of CSS scrollsnap.

here is live site: https://twlv-splash.webflow.io/test-interaction

Open on mobile, red square should size up. In designer is does, in published site it does not


Here is my public share link: https://preview.webflow.com/preview/twlv-splash?utm_medium=preview_link&utm_source=designer&utm_content=twlv-splash&preview=8d3a3d19f14b7cdb5c70c80ead2d08d3&pageId=60a54d162379eb5f9136b6b7&mode=preview
(how to access public share link)

Any update on this, I have the exact problem