Yea!
So put this css into lay options -> custom css & html -> custom css
body.thumb-mo-image-has-transition .thumb.has-mouseover-img img.mo_thumb,
body.thumb-mo-image-no-transition .thumb.has-mouseover-img img.mo_thumb{
opacity: 1!important;
transition: opacity 300ms cubic-bezier(0.39, 0.58, 0.57, 1);
}
body.no-touchdevice.thumb-mo-image-has-transition .thumb.has-mouseover-img:hover .ph img.mo_thumb,
body.no-touchdevice.thumb-mo-image-no-transition .thumb.has-mouseover-img:hover .ph img.mo_thumb{
opacity: 0!important;
}
Activate these two options in Lay Options:
Screenshot 2024-01-06 at 18.28.51.png
And when you edit your projects, make sure to fill out the mouseover image and the mouseover video:
Screenshot 2024-01-06 at 18.29.32.png
the mouseover image will be what is shown first
you also want to go to customize -> project thumbnails -> project thumbnail mouseover and use these settings:
Screenshot 2024-01-06 at 18.31.17.png