Hello,
This is not possible from the page builder. Also, even if it sounds easy, it's not, because if you code this only from CSS, the effect will not work perfectly. You must add some Javascript that preloads both images (original and hover) so the effect works smoothly.
The easiest way is to add a Code block and insert this code:
Code:
<img src='images/myimage.png' onmouseover="this.src='images/myimage2.png';" onmouseout="this.src='images/myimage.png';" />
You must preload the myimage2.png by adding this code in Head (you can add this from the template options, under the Custom tab):
Code:
<link rel="preload" as="image" href="https://www.yourwebsite.com/images/myimage2.png" />
Change the URLs of the images to the correct ones and also your website URL.
Regards,
Milos
