Consistent Aspect Ratio for Background Video and Images

I have a background video that I want to maintain an anamorphic widescreen aspect ratio, regardless of the page scaling and for it to be consistent on desktop and mobile. I want this to function for both background videos and image, and to be site wide (but only for background image/videos, not galleries). I know how to make the change for a specific block, but I'm looking for custom CSS to do it across the site.

On 9/13/2024 at 3:49 AM, creaturellc said:

I have a background video that I want to maintain an anamorphic widescreen aspect ratio, regardless of the page scaling and for it to be consistent on desktop and mobile. I want this to function for both background videos and image, and to be site wide (but only for background image/videos, not galleries). I know how to make the change for a specific block, but I'm looking for custom CSS to do it across the site.

Let us know your site URL for the specific code, thanks

Here's the page, but I'm looking to do video banners like this on several pages. This page is just to test out the format.

https://www.creaturellc.com/kickrrollrvid

Thanks for the response, @DediRock

Unfortunately, this didn't change anything. The background image is still scaling. I know I can edit the 56.25% value to change the aspect ratio, (which again, doesn't affect the page when I try it), but are the any other values here that I should be altering? Should this work as-is on my page, or do I need to modify things? And do I use both of those chunks of code or just one? What is each one doing?

Adding a screenshot so you can see how I've set up the section

Thanks! A few comments/questions:

1) I've applied both blocks (just copied and pasted, and the only thing I modified was the aspect ratio via the padding-bottom as you mentioned)

2) How do I know is the .background-media container is applied to the right element? Pardon my ignorance!

3) How do I know the CSS is applied correctly? The other elements of CSS I've added to the page are working right, so I assume this would too, what specifically should I be looking for?

Thanks again!