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

.ani2{
  animation-duration: 3s;
  animation-name: animacion1;
  animation-iteration-count: infinite;
}

.ani3{
  animation-duration: 3s;
  animation-name: animacion1;
  animation-iteration-count: infinite;
  animation-direction: alternate;

}

.ani4{
  animation-duration: 3s;
  animation-name: animacion1;
  animation-direction: alternate;

}
@keyframes animacion1 {
    from {
      margin-left: 100%;
      width: 300%
    }
  
    to {
      margin-left: 0%;
      width: 100%;
    }
}