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

try use in the main component blank image place holder.
for example https://www.figma.com/file/7iVbMK4ErjDHZg6kMBewcR/fix-image-issue?t=lDe4lRrXnEjGniq0-1

Can we achieve this without making two components?

You cannot create an interactive component with only one component because it requires at least two components (variants) in the component set.

can you check this link: https://www.figma.com/file/qCJlIONzcjx6FfMwsGGhb8/FS-West-India-R%26R-Program?type=design&node-id=173%3A2998&mode=design&t=cdZKhGWnhL8dUZlp-1

Yes, it is coming from product-tile but the product tile, is created for the master product tile and in that master card there is no variant. Under the image folder, there is a hover and hero image section and I am not sure how this thing changes the image.

I am putting the master component for your reference in that file as well.

Please go to the “Product-Tile” component set rather than “.main/Product-tile” component and study the interactions between variants.

Actually, .main/product-tile is the product tile I just renamed that and there is no variant

if you see under the image there is a hover and hero section once we hover the image, the hover image comes in the second option. You can also change the image and you can see the results.