#pot {
  bottom: 15%;
  position: absolute;
  -webkit-animation: linear infinite;
  -webkit-animation-name: run;
  -webkit-animation-duration: 5s;
}
@-webkit-keyframes run {
  0% {
    left: 0;
  }
  48% {
    -webkit-transform: rotateY(0deg); 
  }
  50% { 
    left: calc(100% - 100px);
    /*-webkit-transform: rotateY(180deg); */
  }
  98% {
    /*-webkit-transform: rotateY(180deg); */
  }
  100% {
    left: 0;    
     -webkit-transform: rotateY(0deg);
  }
}

#leftright {
     top: 15%;
  /*width: 100px;*/
  /*height: 100px;*/
  /*background: red;*/
  position: absolute;
  /*animation: mymove 5s infinite;*/
  animation: mymove 5s ;
  
}

@keyframes mymove {
  from {left: 0px;}
  to {left: 1000px;}
}


.ball {
  /*margin-top: 50px;*/
  /*border-radius: 50%;*/
  /*width: 50px;*/
  /*height: 50px;*/
  /*background-color: cornflowerblue;*/
  /*border: 2px solid #999;*/
  animation: bounce 1.5s infinite alternate;
  -webkit-animation: bounce 1.5s infinite alternate;
}
@keyframes bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-15px);
  }
}