Override images in interactive components/variants with zoom effect on hover

Your problem is that you have added an extra fill in the hover variant. Delete this fill and add a new layer instead.

The structure of the variants will be like this:

Default
    Overlay (hidden)
    Image

Hover
    Overlay (visible)
    Image

this worked thank you so much!

@tank666 Thanks for the file reference, worked like a charm! 🤘

check this out: 

To achieve the zoom effect on hover without showing the original image, you need to ensure that the hover variant scales the image properly. Instead of just switching the image on hover, apply a scale transformation to the hover variant. This way, the image will zoom in without returning to the original. Make sure to use "smart animate" between the variants for smooth transitions.