Footer showing up behind video

I added css to add video background to main page with following css

video {
object-fit: cover;
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
}

Added Hook on main page with following code

<video playsinline autoplay muted loop poster="polina.jpg" id="bgvid">
<source src="video.mp4" type="video/mp4">
</video>

for generate_before_header

Video is showing up fine but part of the footer is either not showing or showing behind the video.
Check in the url below.

Thanks.