HTML code (onmouseout) not working frontend

I’m using your plugin to bulid a new way for the company where I work to show their employees. It’s an image, but when hovered it changes to another image or gif, and when you remove your mouse from it the first image should show again.
It worked perfectly about a week or 2 ago when I first made it, but now it no longer works (I assume because of an update to WP or Elementor?).
Ive simple used html to create the image, so I’m using onmouseover and onmouseout, and the onmouseover seem to still work just fine, the onmouseout just never fires, so the element stays as a gif instead of changing back to the original image, as it’s meant to.

I’ll include my code below. It’s no masterpiece, but it worked perfectly previously, and when I use the code without your plugin, it still works perfectly.
But I’d like to use your plugin as it gives me more dynamic display options which I like a lot.
Please update/fix your plugin, or at least tell me if there’s a simple workaround, thank you in advance.

My html: (the code is inside an img tag)
id=”example_ptk_click” class=”example_ptk_reveal example_ptk_1″ style=”border-radius:50%; display:block; margin-left:auto; margin-right:auto; max-height:250px;” src=”image-link-here” alt=”example_ptk” onmouseover=”this.src=’gif-link-here’;” onmouseout=”this.src=’image-link-here’;”

EDIT:
It also seems your plugin no longer updates on the frontend when I edit the post it shows.

• This topic was modified 4 years, 4 months ago by ptkmrc.
• This topic was modified 4 years, 4 months ago by ptkmrc.

The page I need help with: [log in to see the link]