.video-text__video {
    height: 175px;
}

.video-text__video img {
    display: block;
    border-radius: 3px;
}

.video-text__text {
    padding-top: 30px;
    color: #454545;
}

.video-image::after {
    content: "";
    background: #1A1818;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 40%;
}

.play-btn {
    z-index: 3;
}

@media (min-width: 768px) {
    .video-text__video {
        height: 350px;
    }

    .video-text__text {
        padding-top: 40px;
    }

}

@media (min-width: 1200px) {
    .video-flex-row {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
    }

    .flex-opposite {
        flex-direction: row-reverse;
    }

    .video-text__video {
        height: 400px;
    }

    .video-text__text {
        padding-top: 0;
        padding-left: 96px;
    }

    .flex-opposite .video-text__text {
        padding-left: calc(var(--bs-gutter-x) * .5);
        padding-right: 96px;
    }
}