Javascript 如何使动作发生在特定但重复的元素上

我想使特定的动作（关键帧动画和显示文本）发生在

上。悬停在特定的图像上，但当我悬停时，它会发生在所有的图像上

我能找到的最接近的答案是

  $(document).click(function(event){
        alert(event.target.id);
    });
}); 

我解除了警报并使用正确的代码进行了更改，但无法使其正常工作

这里是JSFIDLE-我没有更改其他元素的图片，因为我不知道如何使其正常工作，但如果需要，可以随意操作


提前感谢。
使用此关键字：

这帮了大忙，它确实起了作用，但现在当它停在特定的一个上时，其他图像会下降，好像上边缘变大了，你知道为什么会发生这种情况吗？因为内联块。我不知道确切的原因，但是如果你把
display:flex；证明内容：中心在父级（#artistas）上应该可以。欢迎使用堆栈溢出！寻求代码帮助的问题必须包含在问题中重现问题所需的最短代码，最好是在堆栈片段中。虽然您提供了一个链接，但如果该链接无效，您的问题对其他将来遇到相同问题的用户将毫无价值。看见
$('.artista img').mouseenter(function(event){
  $(this).closest('.artista').find('h3').show();
  $(this).addClass('bounce');
});

$('.artista img').mouseleave(function(event){
   $(this).closest('.artista').find('h3').hide();
  $(this).removeClass('bounce');
});