.c-image{position:relative;display:block}.c-image .overlay{position:absolute;width:100%;height:100%;bottom:0;left:0;background-color:var(--background-color);transform-origin:bottom;transform:scaleY(1);transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.c-image .overlay[data-visible=false]{transform:scaleY(0)}.c-image img{display:block;width:100%;height:auto}.m-image-section{background-color:var(--background-color);color:var(--text-color);-webkit-user-select:none;-moz-user-select:none;user-select:none}.m-image-section[data-aspect-ratio=standard][data-layout=square]{aspect-ratio:1/1;overflow:hidden}.m-image-section[data-aspect-ratio=standard][data-layout=square]>*{height:100%}.m-image-section[data-aspect-ratio=standard][data-layout=square]>* img{height:100%;object-fit:cover;object-position:center center}.m-image-section[data-aspect-ratio=standard][data-layout=portrait]{aspect-ratio:4/5;overflow:hidden}.m-image-section[data-aspect-ratio=standard][data-layout=portrait]>*{height:100%}.m-image-section[data-aspect-ratio=standard][data-layout=portrait]>* img{height:100%;object-fit:cover;object-position:center center}.m-image-section[data-aspect-ratio=standard][data-layout=landscape]{aspect-ratio:3/2;overflow:hidden}.m-image-section[data-aspect-ratio=standard][data-layout=landscape]>*{height:100%}.m-image-section[data-aspect-ratio=standard][data-layout=landscape]>* img{height:100%;object-fit:cover;object-position:center center}@media(min-width:680px){.m-image-section[data-aspect-ratio=standard][data-layout=landscape]{aspect-ratio:2/1}}.m-image-section[data-aspect-ratio=wide][data-layout=square]{aspect-ratio:1/1;overflow:hidden}.m-image-section[data-aspect-ratio=wide][data-layout=square]>*{height:100%}.m-image-section[data-aspect-ratio=wide][data-layout=square]>* img{height:100%;object-fit:cover;object-position:center center}.m-image-section[data-aspect-ratio=wide][data-layout=portrait]{aspect-ratio:9/16;overflow:hidden}.m-image-section[data-aspect-ratio=wide][data-layout=portrait]>*{height:100%}.m-image-section[data-aspect-ratio=wide][data-layout=portrait]>* img{height:100%;object-fit:cover;object-position:center center}.m-image-section[data-aspect-ratio=wide][data-layout=landscape]{aspect-ratio:16/9;overflow:hidden}.m-image-section[data-aspect-ratio=wide][data-layout=landscape]>*{height:100%}.m-image-section[data-aspect-ratio=wide][data-layout=landscape]>* img{height:100%;object-fit:cover;object-position:center center}@media(min-width:680px){.m-image-section[data-aspect-ratio=wide][data-layout=landscape]{aspect-ratio:8/3}}