.hero_slide {
    &.video {
        & .hero_slide__video {
            position: absolute;
            width: 100%;
            height: 100%;

            & video {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }

        & .slide_content__wrapper {
            max-width: 100%;

            & .slide_content {
                & h2 {
                    color: #fff;
                    text-transform: uppercase;
                    font-size: clamp(28px, 6vw, 100px);
                    font-weight: 100;
                }

                & .slide_desc {
                    & p {
                        text-transform: uppercase;
                    }
                }
            }
        }
    }
}