.video-block .full-background-image {
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.video-block {
    position: relative;
    width: 100%;
    height: 100vh;
}
.video-block {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.video_controls {
    display: flex;
}

.video_controls > * {
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    padding: 1.25rem;
    opacity: 0.6;
    transition: all 0.3s ease;
    color: #d5a84a;
    width: 4rem;
    height: 4rem;
}

.video_controls > *:hover {
    opacity: 1;
}

.video_controls > *:not(:first-child) {
    margin-left: 1rem;
}

#play.active .play,
#unmute.active .unmute,
#play:not(.active) .pause,
#unmute:not(.active) .mute {
    display: none;
}

@media screen and (max-width: 849px) {
    .video_info {
        padding: 3rem 9% 0 !important;
    }

    .video-block {
        height: 100vw;
        min-height: 0;
        max-height: calc(100vh + 20rem);
    }

    .video_controls {
        /* top: 100vmin !important; */
        bottom: calc(100vw / 650 * 73) !important;
        transform: none !important;
    }
}

@media screen and (max-width: 500px) {
    .video_info {
        padding: 3rem 5% 0 !important;
    }

    /* .video_controls {
        top: 90% !important;
    } */
}