.container-page-header {

    &.section.hero {
        color: #fff;
        background-color: rgba(0,0,0,0.3);
        height: 100vh; /* Fallback for older browsers */
        height: 100svh;
        min-height: 30rem;
    }
    .hero-bg {
        background: var(--bg-color-call);
        top: 0;
        height: 100vh;
        height: 100svh;
        min-height: 30rem;
        width: 100%;
        position: absolute;
        z-index: -999;
        video, img {
            touch-action: none !important;
            width: 100%;
            height: 100vh;
            height: 100svh;
            position: absolute;
            object-fit: cover;
            z-index: 0;
        }
    }


}