Change bg hero image to a bg video

Design help Layout & Design
1

Hi all,

I’m using a CMS template I purchased to create a website, but I am having trouble with customizing it. This is my first time doing web design so I’m a little stuck.

On the social media CMS page of my site, I want to change what is currently just a background image to a background video, for example in the Social Media tab (I will have 3 other CMS sites and would love if all 4 of them had videos instead of still images). However, when I drag the background video element onto the hero section, nothing happens. I’ve fidgeted around with everything and asked the AI assistant, but to no avail. How can I replace it, is this even possible if I’m working with a template with elements that are already in place?

Let me know if the link below fails to work. I appreciate any help in advance!

Here is my site Read-Only: Webflow - Evelyn's Portfolio

2

The way I usually do it is like this:
image

Set the Section to Position: Relative.
image

Set the nested items currently in there to relative with Z-Score of 1 or higher.
image

Add the background image, change it to Position: Absolute with Z-Score of 0 and Cover for size (it is the white square on the far right)
image

You can do it with Relative instead of Absolute, I just prefer the Absolute Positioning.