.card__media .motion-reduce, .card__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.3s ease; } .card__media .media--hover-effect > img + img { opacity: 0; } .card__media:hover .media--hover-effect > img:first-child { opacity: 0; } .card__media:hover .media--hover-effect > img + img { opacity: 1; }