.image{width:100%;height:100%;display:flex;position:relative;overflow:hidden}.image:before{background-color:var(--settings-color-placeholder);content:"";transition:opacity var(--animation-base);-webkit-mask-image:var(--settings-placeholder-pattern);mask-image:var(--settings-placeholder-pattern);pointer-events:none;position:absolute;inset:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:60%;mask-size:60%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.image.is-loaded:before{opacity:0;pointer-events:none}.image img{object-fit:cover;width:100%;height:100%;display:block}.image--lazyload{position:relative}:where(html.js) .image--lazyload{opacity:0}.image--parallax.is-parallax-active img{scale:calc(1 + var(--parallax-amplitude,.05));transition:scale var(--animation-reveal), opacity var(--animation-reveal)}@media (prefers-reduced-motion:reduce){.image--parallax.is-parallax-active img{transition:none;scale:none}}.image--parallax.is-parallax-active img{translate:0 calc(var(--parallax-progress,0) * var(--parallax-amplitude,.05) * 100%)}@media (prefers-reduced-motion:reduce){.image--parallax.is-parallax-active img{translate:none}}.image--lazyload.is-loaded{transition:opacity var(--animation-reveal);opacity:1}@media (prefers-reduced-motion){.image--lazyload.is-loaded{transition-duration:0s!important}}.image:has(.is-loaded):before{opacity:0;transition:opacity var(--animation-reveal)}.image:has(:not(.image--lazyload)):before{opacity:0;transition:opacity var(--animation-reveal)}@media (prefers-reduced-motion){.image:has(.is-loaded):before{transition-duration:0s!important}.image:has(:not(.image--lazyload)):before{transition-duration:0s!important}}