change background color of header for all pages to video

Appreciate any help. I haven’t found an exact, concise answer in other threads about this topic. I’m using the Spotlight theme, and want to remove the background color for the theme and replace it with a video I’ve uploaded to my Shopify files. I want the menu, cart, logo, etc all visible in front of this video, just want the looped video to be the background. I know I’ll need to edit the code. What code do I place, and where?

Hello there @Goober1 You can try out the steps and code from the first reply in this previous community thread here https://community.shopify.com/post/2520752

Alternatively, you can try following the steps explained in this video here https://m.youtube.com/watch?v=N0MehRDXxX8

Hi @Goober1 ,

Please follow these steps:

  • Step 1: Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:
.gradient {
    --gradient-background: transparent !important;
}
  • Step 2: Go to theme.liquid file and add code here:

Code: