.card__img{position:relative}
.card__img-a,.card__img-b{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .38s cubic-bezier(.22,.61,.36,1),transform .55s cubic-bezier(.2,.7,.2,1);will-change:opacity,transform}
.card__img-a{position:relative;z-index:1;opacity:1}
.card__img-b{position:absolute;z-index:2;opacity:0}
.card:hover .card__img-a{opacity:0;transform:scale(1.045)}
.card:hover .card__img-b{opacity:1;transform:scale(1.045)}
.card:hover .card__img{border-color:var(--green);box-shadow:0 16px 34px rgba(10,14,5,.10),0 4px 10px rgba(10,14,5,.05)}
@media (hover:none){.card__img-b{display:none}.card:hover .card__img-a{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.card__img-a,.card__img-b{transition:opacity .2s ease}.card:hover .card__img-a,.card:hover .card__img-b{transform:none}}