Streaming live at 10am (PST)

Restart GIF on mouse out and mouseover?

I’m trying to create a projects section with a main photo and on hover a GIF preview plays of the video project before clicking onto the project. Issue is that the GIF loads and loops and when you mouseover the gif could be at any given point in the clip.

Anyway to restart the gif on every mouse over/out event.

Another issue is that this is part of a CMS collection so I’d need this to be scalable and not hardcoded to one gif.

I believe I may need some custom JS but hoping this all can be done in webflow designer.

Any advice or workarounds?

Here is my site Read-Only: LINK
(how to share your site Read-Only link)