.image{--image-transition-duration:calc( var( --transition-duration ) * 5 );background:var( --image-background );}
.image-inner{}
.image-caption{margin-top:calc( var( --grid-vertical-spacing ) * var( --font-scale--small ) );}
.image__markup{padding-top:var( --padding-top );position:relative;overflow:hidden;opacity:0;}
.is-ready .image__markup{transition:opacity var( --image-transition-duration ) var( --transition-easing );}
.image.is-loaded .image__markup{opacity:1;}
.image__markup > img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
object-fit: cover;
}.video{}
.video-inner{}
.video-caption{margin-top:calc( var( --grid-vertical-spacing ) * var( --font-scale--small ) );}
.video__markup{padding-top:var( --padding-top );position:relative;overflow:hidden;}
.video__markup > video {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
object-fit: cover;
}