You can take a look at the following steps to learn how to use the Text Hover Image widget:

Step-1:

From the Elementor panel, drag the “Text Hover Image” widget to a container on your page.

Step-2:

Under the “Content” option, write the hover text, before hover text, and after hover text in the respective fields.

Step-3:

Add an image under the “Hover Image” option. Choose an HTML tag from the drop-down list located next to the “HTML Tag” option. Attach a link and adjust the alignment. 

Step-4:

Under the “Style” section, customize the text color, hover color, typography, width, height, position, and other parameters for the “Style” and “Image.”.