Dawn theme, Mobile hover doesnt work, ive added diff codes but it doesnt work

Dawn theme, Mobile hover doesnt work, ive added diff codes but it doesnt work

aurumlux
Tourist
15 0 0

I have the hover feature enabled and tried different codes from previous posts from others.

 

This is for my product catlogue page/collection page

Reply 1 (1)

aurumlux
Tourist
15 0 0

.card-wrapper:hover .media.media--hover-effect>img:first-child:not(:only-child) {
opacity: 0;
}
.card-wrapper:hover .media.media--hover-effect>img+img {
opacity: 1;
transition: transform var(--duration-long) ease;
transform: scale(1.03);
}

 

I tried the above and it did not work in my component card.css file