.promo-card {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 0.4s ease-in-out;
z-index: 1;
}
.promo-hover-wrapper:hover .promo-preview {
opacity: 0;
}
.promo-hover-wrapper:hover .promo-card {
opacity: 1;
} .promo-hover-wrapper:hover {
transform: scale(1.02);
transition: transform 0.3s ease-in-out;
}
.promo-hover-wrapper {
transition: transform 0.3s ease-in-out;
}