Change image on hover

Hi there,

I’ve searched one way to change an image while the mouse pointer is over it.
By seeing the online videos it seemed easy to achieve this feature with elementor, the problem is that I don’t know where I’m doing wrong.

I want to clarify that I need this feature online but since it doesn’t work in my online page I tried to install only Elementor in localhost and it’s the same.

Basically I set a layout with three columns, I go to the first column settings and then Advanced>Background and I set in Normal the image that I want as base and the in Hover the image that has to be shown by moving the pointer on it.

In this way I don’t achieve anything, so I’ve tried to put on the “Content” tab my base image, by doing this I can see the first image but when I go over it with the pointer I see that the second image load very bad as position and it’s only visible like on the borders of the first image.

Hope that’s an easy thing and that you all can understand my issue.

Many thanks,
Filippo