Custom cursor cloneable not working correctly

Design help Custom code
1

I’m trying to implement this custom cursor. I can see the cursor on screen and the blend mode is working, but I can’t seem to get it to follow the cursor - it just sits in the center of the screen. It does work in the cloneable project and I’m just copying from that, so not sure what I’m missing or doing wrong? See the screen recording to see how it is functioning now.

Link to the cloneable project I’m working from:

Link to video showing the issue:
https://www.awesomescreenshot.com/video/12231092?key=23367c7b55d075139fdde8aa043f14fa

Here is my site Read-Only: [//preview./preview/gradient-bg-ed5780?utm_medium=preview_link&utm_source=designer&utm_content=gradient-bg-ed5780&preview=28385098ec916ecac845023ab6b0974f&workflow=preview]1
(how to share your site Read-Only link)

2

In case anyone stumbles onto this trying to make the same thing work, I was missing adding in the mouse interaction animations. So you need to add the code (HTML in the designer, also code in the head and the before body sections of the page itself), and re-create the mouse hover animations from the cloneable and it works!