/* The section is exactly one viewport tall */
.image-container
{
    position:          relative;
    grid-row-start: 1;

    grid-row-end: 6;
    grid-column-start: 1;
    grid-column-end:   6;
    min-width:         0;
    min-height: 0;
}

.image-wrapper
{
    position:         static;
    /*z-index: 1;*/
    display:          block;
    width:            100%;
    height:           100%;

    padding:          0;
    background-color: transparent;
}

/* The PNG fills the box without distortion; edges may be cropped */
.image-wrapper > img
{

    width:            100%;
    height:           100%;
    object-fit:       cover; /* fills the viewport; may crop */
    object-position:  center; /* center subject while cropping */
    background-color: transparent;
}

.image-wrapper > video
{

    width:            100%;
    height:           100%;
    /*object-fit:; !* fills the viewport; may crop *!*/
    object-position:  center; /* center subject while cropping */
    background-color: transparent;
}