.anime_logo{
  animation-duration: 24s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-name: rotationLogo;
} 

@keyframes rotationLogo {
    0% {transform: rotate(  0deg);}
   25% {transform: rotate(  0deg);}
   30% {transform: rotate(120deg);}
   55% {transform: rotate(120deg);}
   60% {transform: rotate(240deg);}
   85% {transform: rotate(240deg);}
   90% {transform: rotate(360deg);}
   100%{transform: rotate(360deg);}
}

.anime_logo_inverse{
  animation-duration: 24s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-name: rotationLogoInverse;
} 

@keyframes rotationLogoInverse {
    0% {transform: rotate(   0deg);}
   25% {transform: rotate(   0deg);}
   30% {transform: rotate(-120deg);}
   55% {transform: rotate(-120deg);}
   60% {transform: rotate(-240deg);}
   85% {transform: rotate(-240deg);}
   90% {transform: rotate(-360deg);}
   100%{transform: rotate(-360deg);}
}