JSFiddle - React, Tailwind, and code Playground

HTML

<div id="buttttons">
  <img class="seen" src="http://i.imgur.com/uXbdytS.png" draggable="false" style="position: absolute;top: 301px;left: 366px;">
</div>

CSS

@-webkit-keyframes example {
  0% {
    left: 0px;
  }
  25% {
    left: 10px ! important;
  }
  100% {
    left: 0px;
  }
}

.seen.animated {
  position: relative;
  -webkit-animation-name: example;
  -webkit-animation-duration: 2s;
}

JavaScript

$(".seen").bind("webkitAnimationEnd mozAnimationEnd animationEnd", function(){
  $(this).removeClass("animated")  
})

$(".seen").hover(function(){
  $(this).addClass("animated");        
})