Page Header + Sections --> how to get rid of an unnecessary colored layer?

Hi there,

the video is escaping the container so lets give that section the overflow: hidden; property so you could just update this CSS:

.background-video-content {
    position: relative;
}

to

.background-video-content {
    position: relative;
    overflow: hidden;
}

Nope... doesn't work! That layer still appears...

Can you add that CSS back in and clear any caches so i can take a look?

Yep, done

Firefox: works, Chrome: not

The video was in a section when i last checked, its now in the Header Element :) so try this:

.page-hero {
    position: relative;
    overflow: hidden;
}

Sensational! :-)

Glad we got there, Chrome seems to dislike the object-fit videos and 100vh containers. I am sure others will find this helpful.