Element interaction not working on mobile view

Solved!

There was not any kind of problem, per-se. Only bad design choices.


Hello,

Has anyone else encountered a problem with Transform X - Interactions not triggering properly on Tablet-view or smaller screens?

I have an image at my site that has a Scroll Into View-interaction, and for some reason it only triggers on desktop. The image-element has a Transform X set to -100% at Initial State and 0% when scrolled into view. I have set it to trigger on all devices, and all the parent elements have overflow visible.

For some reason it does work on Tablet or Phone size if I set the Initial State to Transform X -70%. But should that matter though, since we are talking about the image being 100% transferred to left, and then slide into view regardless of the screen width?

Here is the Read Only-link:
https://preview.webflow.com/preview/hyperange1?utm_medium=preview_link&utm_source=designer&utm_content=hyperange1&preview=6b8f8d0355621d2ca329a7f14e34324a&workflow=preview

The problem occurs at Container-Fullwidth with ID “inner-design”. Interaction is set to the image element with the class “Image 3”.


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