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

Store Design
1

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

This is for my product catlogue page/collection page

2

.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