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: Webflow - Bloockbuster

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