:host{position:absolute;inset:0;display:block;pointer-events:none}
.photos{position:absolute;inset:0;opacity:.5;background:#111310}
.photos img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.4s ease-in-out;z-index:1}
.photos img.is-active{opacity:1;z-index:2}
@media(max-width:767px){.photos img{object-position:49% 55%!important}}
@media(prefers-reduced-motion:reduce){.photos img{transition:none}}
:host([data-reduced-motion]) .photos img{transition:none}