Hide animation won’t work!

I want this play button to disappear when I tap the video.

In order to click through the button, I added this code:

.play-btn { pointer-events:none; }

Then, I added this click animation on the video element:

I also tried the “hide/show” animation.

The site is only currently optimized for mobile.

The URL is https://video-test-ad2017.webflow.io/

How can I make the .play-btn disappear on click of the video?!

Nothing is working!

Thank you

Here is my public share link: