Example 1: On mouseover animation plays forward, on mouseleave animation plays backwards. Notice that this approach make sense when the animation is short like 0.35s maximum. In other cases this can affect a bad UX experience when user unhover the illustration but it still plays.
Example 2: On mouseover animation plays forward, on mouseleave animation stops and resets. Also notice that animation plays till the very end and stops. We can loop animation like on the next example
Example 3: On mouseover animation plays forward and loops when mouse is over, on mouseleave animation stops and resets.
Example 4: Lottie Player as a signifier in the bolt-teaser.