Image component states - best practices

Hi Everyone

Apologies before hand if these is a totally noobie question. I am just trying to work more efficiently…

I would like to create a text and image component that has one default and one hover state.

I would like the image to zoom when on hover. The video attached is the effect I have for the main component. I would like to use this component for multiple images keeping the same effect.

Is it possible to simply replace the component image while maintaining the zoom effect on hover, or do I have to change the new default image ratio/size/crop every single time to repeat the effect. Perhaps using masks would be a good route?

Thanks in advance!

1 Like

This isn’t possible yet.