Parent div background is covering my background videos


When I set a background gradient on my page wrapper (which is the main parent div of the entire page), it overlaps all my background videos. Anyone know why this is happening?

link: Casper - Wake Up Call


Here is my site Read-Only: (Webflow - Ciaran Smith)