Looping animation not working-

Hi, I’m having some issues with an animation on a project.

I’m trying to build a custom lightbox, when the speaker icon is clicked the video appears and when the cross is clicked it disappears again.

It works really well on the first click/close but then starts flickering/blinking when trying to reopen the div. If I uncheck ‘loop’ on either of the animations it seems to work fine but I can only open the video once.

I’ve been playing with it for hours but can’t figure it out- am I missing something super simple?

Thank you for your help.


https://f1mg2.webflow.io/

https://preview.webflow.com/preview/f1mg2?utm_medium=preview_link&utm_source=designer&utm_content=f1mg2&preview=7a35a11bfbf0f321ddb6ee20b4526011&mode=preview