.spg-hover-host { position: relative; }
.spg-hover-host > img.spg-hover-image {
    position: absolute !important; inset: 0; width: 100% !important; height: 100% !important;
    max-height: none; object-fit: contain; background: #fff; z-index: 2;
    opacity: 0 !important; visibility: hidden; pointer-events: none;
    transform: none !important; transition: opacity .18s ease;
}
@media (hover: hover) and (pointer: fine) {
    .spg-hover-host:hover > img.spg-hover-image.spg-hover-ready {
        opacity: 1 !important; visibility: visible;
    }
}
@media (prefers-reduced-motion: reduce) {
    .spg-hover-host > img.spg-hover-image { transition: none; }
}