/* Make the section itself always be 1 viewport tall */
.video-container
{
    top:      0;
    left:     0;
    width:    100%;

    margin:   0; /* avoid accidental gaps caused by margins */
    padding:  0;
}

/* Make the <video> fill and crop like a background image */
.video-container > video
{
    position:        static;
    inset:           0; /* top:0; right:0; bottom:0; left:0 */
    display:         block; /* prevent inline baseline gaps */
    width:           100%;
    height:          100%;
    object-fit:      cover; /* fill the box without distortion, cropping if needed */
    object-position: center; /* keep the subject centered while cropping */
}