I am trying to trigger a specific action (keyframe animation and text display) on .hover for a particular image, but instead, it is affecting all images when hovered over.
The closest solution I found was:
$(document).click(function(event){
alert(event.target.id);
});
});
I removed the alert and replaced it with the correct code, however, I couldn't make it work as intended.
Here is the JSFiddle - I didn't change the pictures for other elements because I'm unsure how to align it, but feel free to modify if needed.
https://jsfiddle.net/8746s0v5/2/
Thank you in advance.