.logo-rotator img {
  animation-name: logoFade;
  animation-duration: 18s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  opacity: 0;
}

.logo-rotator img:nth-child(1) {
  animation-delay: 0s;
}

.logo-rotator img:nth-child(2) {
  animation-delay: 6s;
}

.logo-rotator img:nth-child(3) {
  animation-delay: 12s;
}

@keyframes logoFade {
  0% {
    opacity: 0;
    transform: scale(1.025);
  }

  5% {
    opacity: 1;
  }

  28.333333333333336% {
    opacity: 1;
  }

  33.333333333333336% {
    opacity: 0;
    transform: scale(1);
  }

  100% {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .logo-rotator img {
    animation: none;
    opacity: 0;
  }

  .logo-rotator img:first-child {
    opacity: 1;
  }
}