figure.image.static{border-radius:var(--border-radius, 6px);background-color:#fff;border:1px solid #f4f4f4;height:-moz-fit-content;height:fit-content}figure.image.static img{--image-height-size: auto;position:relative}figure.image.static figcaption{font-size:0.75em;font-style:italic;padding:calc(var(--gap)*0.5) var(--gap)}figure.image.static.no-caption{border:none}figure.image.static.crop-image figcaption{bottom:0;position:absolute;left:0;width:100%;background-color:#fff}figure.image.static.crop-image{--aspect-ratio: 16/9;aspect-ratio:var(--aspect-ratio)}@supports not (aspect-ratio: 16/9){figure.image.static.crop-image{aspect-ratio:initial;padding-bottom:calc(100%/(var(--aspect-ratio)));height:0}figure.image.static.crop-image>*{position:absolute}}figure.image.static.crop-image{--aspect-ratio: inherit}figure.image.static.crop-image img{--image-height-size: 100%}.image.load-in-view img{transition:opacity .5s cubic-bezier(0.42, 0, 0.58, 1)}.image.load-in-view img:not([src]){opacity:0}images-container{width:100%;display:grid;grid-gap:var(--gutter0);grid-template-columns:repeat(auto-fill, minmax(calc(100% / (var(--images-per-row) + 1)), 1fr))}images-container.crop-images .image{--aspect-ratio: 4/3;aspect-ratio:var(--aspect-ratio)}@supports not (aspect-ratio: 4/3){images-container.crop-images .image{aspect-ratio:initial;padding-bottom:calc(100%/(var(--aspect-ratio)));height:0}images-container.crop-images .image>*{position:absolute}}images-container.crop-images .image{--aspect-ratio: inherit}images-container.crop-images .image img{--image-height-size: 100%}@supports not (aspect-ratio: 1/1){images-container.crop-images .image img{position:absolute}}images-container.crop-images .image figcaption{bottom:0;position:absolute;left:0;width:100%;background-color:#fff}