.fragment-image{aspect-ratio:var(--ratio,1);background-size:cover;display:block}.fragment-image .placeholder{background-size:cover;height:100%;left:0;position:absolute;top:0;transition:opacity .3s var(--ease-power2Out);width:100%;z-index:-1}:is(.fragment-image.bleed,.fragment-image.cover) img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:var(--focus-x,50%) var(--focus-y,50%);object-position:var(--focus-x,50%) var(--focus-y,50%);width:100%}.fragment-image.cover{aspect-ratio:unset}.fragment-image.autoWidth{display:inline-block}.fragment-image.contain img{height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:100%}.fragment-image img{transition:opacity .5s var(--ease-power2Out);user-drag:none;-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fragment-image img.lazyloaded{opacity:1}.fragment-image img.lazyloaded+.placeholder{opacity:0}:is(.fragment-image.isLoaded,.fragment-image.noLazy) img{opacity:1}:is(.fragment-image.isLoaded,.fragment-image.noLazy) .placeholder{opacity:0}