Hey @EBOOST ,
I used following code to have a “hover” effect on mobile as well, but it doesn´t revert back, maybe because I use a gif to have a video as the second image. Is there a way to have it revert back after a certain time? I use a free theme, so probably based on DAWN and here is the store: My Store (15dfba-e3.myshopify.com) pw: YesYes [it’s about the chasen at the bottom of the page just as a reference]
.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);
}
.card-wrapper:not( :hover ) .media.media–hover-effect>img:first-child:not(:only-child) {
opacity: 1;
}
.card-wrapper:not( :hover ) .media.media–hover-effect>img+img {
opacity: 0;
transition: transform var(–duration-long) ease;
transform: scale(1);
}