#pot {
    bottom:0;
    left:-40px;
    position:absolute;
    -webkit-animation:linear infinite;
    -webkit-animation-name:run;
    -webkit-animation-duration:4s;
 }
 
 #pot img{
     width: 100px;
     height: 30px;
 }

 @-webkit-keyframes run  {
    0% {
       left:72%;
       -webkit-transform:rotateY(0deg);
    }
    
    50% {
       left:0px;
       -webkit-transform:rotateY(0deg);
    }
    
    51% {
       -webkit-transform:rotateY(180deg);
    }
    
    99% {
       left:72%;
       -webkit-transform:rotateY(180deg);
    }
    
    100% {
       left:72%;
       -webkit-transform:rotateY(0deg);
    }
 
 }

.moving-left:hover > .moving-left img
{
 transform: translateX(10px);
}

.moving-left img
{
  position: relative;
  transition: transform 0.3s ease;
  transform: translateX(0px);
  z-index: 99;
}