JSFiddle - React, Tailwind, and code Playground

HTML

<div id="css">
  <img src="/favicon.png" alt="" />
</div>
<div id="js">
  <img src="/favicon.png" alt="" />
</div>

CSS

img {
  position: relative;
  margin: 20px;
  left: 0;
  transition: left .5s;
}

#css:hover img {
  left: 50px;
}

JavaScript

$('#js').on('mouseenter', function() {
  $(this).find('img').css('left', '50px');
}).on('mouseleave', function() {
  $(this).find('img').css('left', '0px');
});