Variable type based on cursor position

Hi guys

I’m trying to get a logo to interact with the cursor on-screen. the logo is a glyph inside of a variable font, and I’ve found this article on how one should be able to make it change width and weight by moving the cursor around. It seems to react: but glitches when I move my cursor over borders of divs, sections and buttons. Any idea on how I could fix this?

Thanks in advance…
Best
M


Here is my site Read-Only: https://preview.webflow.com/preview/bloockbuster?utm_medium=preview_link&utm_source=designer&utm_content=bloockbuster&preview=2f2156cbef32bb9673b76fc5073f8425&workflow=preview

Here’s the online site: https://bloockbuster.webflow.io