.banner{display:grid;overflow:hidden}.banner{img{grid-area:1/1;-o-object-fit:cover;object-fit:cover;backface-visibility:hidden;transform:translateZ(0);transition:opacity .2s linear;will-change:opacity}.img-a{opacity:1}.img-b{opacity:0}&:hover{.img-a,.img-b{opacity:1}}}.banner__content{grid-area:1/1;z-index:2;align-self:center;justify-self:start;padding:2rem clamp(1rem,4vw,3rem);max-width:min(580px,90vw)}@media (prefers-reduced-motion:reduce){.banner img{transition:none}}