@media (hover: hover) and (pointer: fine) {
  [data-bba-catalog] .card-wrapper .media.media--hover-effect > img { transition: none; }
  [data-bba-catalog] .card-wrapper:hover .media.media--hover-effect > img:first-child:not(:only-child) { opacity: 0; }
  [data-bba-catalog] .card-wrapper:hover .media.media--hover-effect > img + img { opacity: 1; transform: none; transition: none; }
}