figure{display:flex;flex-direction:column;gap:var(--space-xs);width:100%}.placeholder{overflow:hidden;position:relative}.placeholder img,.placeholder svg{filter:blur(10px);height:auto;transform:scale(1.1);width:100%}img{height:auto;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 30%;object-position:50% 30%;-o-object-position:var(--focus-x, 50%) var(--focus-y, 30%);object-position:var(--focus-x, 50%) var(--focus-y, 30%);width:100%}figure.cover{height:100%;width:100%}figure.cover .placeholder,figure.cover .placeholder img,figure.cover .placeholder svg,figure.cover img,figure.cover picture{height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden;width:100%}figure.hero{height:100%;position:relative;width:100%}figure.hero .placeholder,figure.hero .placeholder img,figure.hero .placeholder svg,figure.hero img,figure.hero picture{height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden;width:100%}figure.hero .figcaption{bottom:var(--space-l);left:0;padding:0 var(--space-s);position:absolute;width:100%}figure.contain{height:100%;overflow:hidden;width:100%}figure.contain .placeholder,figure.contain .placeholder svg,figure.contain img,figure.contain picture{height:100%;-o-object-fit:contain;object-fit:contain;overflow:hidden;width:100%}