.card {
    position: relative;
}

.secondary-image {
    object-fit: contain !important;
}

.card:hover .card__media .media img:not(.no-secondary):first-child {
    opacity: 0;
}

.card:hover .card__media .media .secondary-image {
    display: block;
    z-index: 20;
    opacity: 1;
    max-width: 100%;
}