.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;

}



/* No es necesario modificar el Keyframe */
@keyframes animacion1 {
    from {
      margin-left: 100%;
      width: 300%
    }
  
    to {
      margin-left: 0%;
      width: 100%;
    }
}