Smooth lottie interaction on mouse entry after screen load

Site here: https://cntestsite.webflow.io/

I’m making a landing page for a client. I have this big interactive text animation in the centre of the page. There is a lottie, a move, and a skew moving in accordance with the cusor.

On my end, it responds to the cursor movement as I had intended. The only problem is, when you first move the mouse it jumps from the initial postion and to the interactive position.

Does anyone have suggestions on how to achieve a smoother transition from the initial animation state to the interactive state based on cursor movement?


Here is my public share link: Read only