I have a fixed nav-bar at the top of the page. As other elements scroll to top of the page, they are supposed to disappear behind nav-bar. This is true for all elements except video. I continue to see parts of video (ex: play button) even after it is behind the nav-bar. Happens sporadically. Any ideas?? Many thanks.
All my code is here: https://codepen.io/sabahatiqbal/pen/EpPvZb