Hover interaction not ceasing on hover out (lottie animation)

Hi folks,

I’m having an issue with a hover interaction on my “home” page:


In the “Hero Trifecta” section, I have 3 link blocks, each containing a Title with a lottie squiggle underline (copied from this clonable showcase site: https://webflow.com/website/Squiggle-button-on-hover-solutions) that have interactions:

  1. On page load the 3 link blocks animate to assemble
  2. On hover each link block moves and scales (and reverts to original position and scale on hover out)
  3. On hovering over the titles, the squiggle underlines animate, on hover out they revert to their static initial state.

My issue is with interaction 3. - it works fine for two of the link blocks (Shop and Blog), but when hovering off the Portfolio title in the “welcome-trifecta-portfolio” link block, the animation doesn’t stop. And on each subsequent hover on the animation slows down a little more.

I’m not sure why this is happening, especially since the two lower Titles - white “Portfolio” and red “Blog” - have the same animations applied to them. Can anyone help me? Appreciate any help!


Read only: https://preview.webflow.com/preview/fashion-is-fiction?utm_medium=preview_link&utm_source=designer&utm_content=fashion-is-fiction&preview=9f0e06ad9e728abaaff2cd4e1fccff61&mode=preview