.ani1{
  animation-duration: 3s ;
  animation-name: animacion1 ;

}
.ani2{
  animation-duration: 3s;
  animation-name: animacion1;
  animation-iteration-count: infinite;
}
.ani3 {
  animation-duration: 3s;
animation-name: animation1;
animation-iteration-count: infinite;
animation-direction: alternate;
}
.ani4 {
  animation-duration: 3s;
animation-name: animation1;
animation-direction: alternate;
}
@keyframes animation1 {
  from { 
   margin-left: 100%;
   width: 300%;
  }
  to {
    margin-left: 0%;
    width: 100%;
  }
}