JSFiddle - React, Tailwind, and code Playground

HTML

<div class="arrow">
<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQvXxGWc9lfv_WXJ3RtUb-4pBMRDYZOG4b9YXNnNkNGOsImdDnN5w"/>
 </div>

CSS

@keyframes arrow {
    0%   {left:50px; top:10px;}
    100% {left:250px; top:10px;}
}
div.arrow {
    width: 44px;
    height: 50px;
    position: absolute;
    animation-name: arrow;
	  background-repeat: no-repeat;
    animation-duration: 3s;
  	animation-timing-function: linear;
  	animation-iteration-count: infinite;
  	animation-direction: alternate;
}