JSFiddle - React, Tailwind, and code Playground

HTML

<div id = "pot">
<img src = "https://i.stack.imgur.com/qgNyF.png?s=328&g=1" width = 100px height =100px>
</div>

CSS

#pot{
bottom:15%;
position:absolute;
-webkit-animation:linear infinite alternate;
	-webkit-animation-name: run;
	-webkit-animation-duration: 5s;
}	  
	@-webkit-keyframes run {
		0% { left: 0;}
		50%{ right : 0;}
		100%{ left: 0;,webkit-transform: scaleX(-1);}
	}