Scroll into view doesn't work on mobile, stay hidden

Design help Animations & Interactions
1

Hi community.

  1. I experience an issue when trying to create a simple scroll into view interaction.
    On web it works fine but on mobile the element stay invisible.
    What is the problem?
    I tried to create the animation on the container as well, and not the object itself.

  2. How can I make a different interaction on mobile - unlink the one on desktop mode without interfering each other.

(Created an experimental website with a share link down below)

Here is my public share link: [LINK][1]