/* Define la animación de rotación */
@keyframes rotate {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  
  /* Aplica la animación a la imagen */
  .rotate {
    animation-name: rotate;
    animation-duration: 15s; /* duración de la animación */
    animation-timing-function: linear; /* función de temporización */
    animation-iteration-count: infinite; /* cantidad de veces que se repetirá la animación (en este caso, infinitamente) */
  }

@keyframes rotate2 {
    from {
      transform: rotate(360deg);
    }
    to {
      transform: rotate(0deg);
    }
  }
  
  /* Aplica la animación a la imagen */
  .rotate2 {
    animation-name: rotate2;
    animation-duration: 15s; /* duración de la animación */
    animation-timing-function: linear; /* función de temporización */
    animation-iteration-count: infinite; /* cantidad de veces que se repetirá la animación (en este caso, infinitamente) */
  }