.recipe-image{flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.recipe-image-rounded{border-radius:var(--radius-card)}.recipe-image{overflow:hidden}.recipe-image .recipe-image-photo{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.recipe-image .recipe-image-photo-hero{opacity:0;transition:opacity .2s ease-out}.recipe-image .recipe-image-photo-hero.recipe-image-photo-loaded{opacity:1}.recipe-image>:not(.recipe-image-photo){z-index:1}.recipe-image-hero-photo{aspect-ratio:16/9;width:100%;max-height:420px}.recipe-image-fill{border-radius:inherit;width:100%;height:100%}