Mouse move over element not working

Hi guys !

In the work page when i hover over the element in the card it is supposed to rotate on x and y axis and was working fine until however when i made the horizontal scroll section and added my card to that half of it disappears on hover and is still sort of interacting with the hover on xy axis but thats not what i want… if you know whats causing the issues please let me know


Here is my public share link:
https://preview.webflow.com/preview/project-pixel8?utm_medium=preview_link&utm_source=dashboard&utm_content=project-pixel8&preview=272a60b95ad7c8a2c5924792aea8ae04&mode=preview

Hello!

I have a similar issue

I have a header with 3 layers under it. When I move the mouse in viewport, I want the layers to follow the mouse movement along the x and the y axis. It seems to do this correctly, although - the animation is super jumpy. It looks like it can’t have an x and y value at the same time, instead it jumps between the x value and the y value.

I want it to be similar to the rotation animation here, but with movement instead of rotation: Website interactions and animations | Webflow

Link: https://preview.webflow.com/preview/lpr-936eb2?utm_medium=preview_link&utm_source=designer&utm_content=lpr-936eb2&preview=a9f7d96f5727d9a5a648322e020adf47&mode=preview

Thanks!!