.bloc_banner_video_background {
    display: none;
}

/* Without an image, the player provides the height of the banner. */
.bloc_banner_video_player {
    position: relative;
    margin: 0 auto;
    padding-top: 24px;
    padding-bottom: 24px;
}

.bloc_banner_video_player iframe {
    display: block;
}

@media (max-width: 799px) {
    .bloc_banner_video.has-mobile-image .bloc_banner_video_background {
        display: block;
    }

    .bloc_banner_video.has-mobile-image .bloc_banner_video_player {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding-top: 0;
        padding-bottom: 0;
    }
}

@media (min-width: 800px) {
    .bloc_banner_video.has-desktop-image .bloc_banner_video_background {
        display: block;
    }

    .bloc_banner_video.has-desktop-image .bloc_banner_video_player {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding-top: 0;
        padding-bottom: 0;
    }
}