Interaction glitch on mobile

Hi all,

So I am trying to create a parallax background that’ll interact with the mouse movement across X/Y axis. Overall it looks great on Desktop mode but when switching to mobile the text that is on top of the background start to break with the interaction enabled. Mobile mode

with the interaction disabled it’ll create a hard band on top a the gradient layer that sit between the Text and parallax background layers.
IMG_0794

Desktop mode

Desktop mode


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

Hi Seng,

Can you share a read-only link?

https://preview.webflow.com/preview/nova-creative?utm_medium=preview_link&utm_source=dashboard&utm_content=nova-creative&preview=0a3fe6d99a7477191261b43ee313c48f&mode=preview

I am not sure why, but the interaction does not work at all.
But, I suspect that it might have to do with file sizes. You have in your assets panel photos with total files volume of more then 30MB ! This might make all the Webflow interface laggy. Try to remove anything you do not need, and reduce image file sizes to max 300-400 kb.

Ok, I will try to delete some old file out. thanks