Mouse distance interaction

Hey y’all, I’m trying to create an effect where the closer your mouse gets to a circle, the higher it raises up. Right now the mouse x raises it, but when I add a mouse y trigger to move the circle up, it starts to jitter and doesn’t give me the effect I want. What I want is to be able to get the distance of the mouse from the circle, and raise it when it closer, and lower it as it gets further away. Is this possible using pure webflow interactions, or will I have to integrate javascript?


(note: the borders around the div containers are just for visualization. Let me know if I should take a different approach to the box method I’m using now.)