Lottie Animation not playing right the second time

Design help Animations & Interactions
1

I have a Lottie animation that starts on hover and leaves on hover. The animation works fine the first time, but the arrow moves exponentially the second time you hover your mouse over it. I can’t seem to figure out how this is happening.

The Lottie animation occurs when you hover your mouse over any of the images, and then hover over the circle in the bottom right corner.

The Lottie animation trigger is located on the element Link Block 32 and the Lottie element is under Cover Block in Div Block 88.

Here is the link to the page:
https://preview.webflow.com/preview/trtle-t-official-website?utm_medium=preview_link&utm_source=designer&utm_content=trtle-t-official-website&preview=278d85a24617b7f964e512e7eec4e782&pageId=661422a75dd048aecfea6478&locale=en&workflow=preview

Thank you in advance!

2

Hello, I checked and it was working correctly. If you can, please clarify your point because I didn’t find any issues and the animation was working properly every time I hovered.

3

I’ve tested it on a few browsers and the result remains. It’s quite hard to see, but I find it sort of noticeable.

Here’s a video of the 2 hover states and a slow-motion comparison.

Honestly, the detail is so small, that it’s not a priority of mine to find the solution, but if anyone else is experiencing this same issue, it would be nice to know what to change.

4

I fixed the issue by ending the hover-off animation to 0 at the end, which successfully looped the animation.