Cacher is the code snippet organizer for pro developers

<!-- Begin "Video background" || Help center -->
<!-- Insert in Settings->HTMLC/CSS->Head -->
<!-- CS:20200120-08-2 -->
<style>
@media only screen and (max-width: 640px) {
    .video-background {
        display: none;
    }
}

@media only screen and (min-width: 640px) {
    .video-background {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
    }

    .video-foreground,
    .video-background iframe {
        position: absolute;
        pointer-events: none;
        top: 50%;
        left: 50%;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        transform: translateX(-50%) translateY(-50%);
        background-size: cover;
        transition: 1s opacity;
        height: calc(100vh + 150px);
        width: 100%;
    }
}
</style>
<!-- End "Video background" || Help center -->