@keyframes logoFadeInOut {
    0% { opacity: 0; }
    15% { opacity: 1; }
    50% { opacity: 1; }
    65% { opacity: 0; }
    100% { opacity: 0; }
}

.logo-animated { animation: logoFadeInOut 4s ease-in-out infinite; opacity: 0; }
.logo-animated-delay-1 { animation: logoFadeInOut 4s ease-in-out infinite; animation-delay: 0.1s; opacity: 0; }
.logo-animated-delay-2 { animation: logoFadeInOut 4s ease-in-out infinite; animation-delay: 0.15s; opacity: 0; }
.logo-animated-delay-3 { animation: logoFadeInOut 4s ease-in-out infinite; animation-delay: 0.2s; opacity: 0; }
.logo-animated-delay-4 { animation: logoFadeInOut 4s ease-in-out infinite; animation-delay: 0.25s; opacity: 0; }
.logo-animated-delay-5 { animation: logoFadeInOut 4s ease-in-out infinite; animation-delay: 0.3s; opacity: 0; }
.logo-animated-delay-6 { animation: logoFadeInOut 4s ease-in-out infinite; animation-delay: 0.35s; opacity: 0; }
.logo-animated-delay-7 { animation: logoFadeInOut 4s ease-in-out infinite; animation-delay: 0.4s; opacity: 0; }
.logo-animated-delay-8 { animation: logoFadeInOut 4s ease-in-out infinite; animation-delay: 0.45s; opacity: 0; }
.logo-animated-delay-9 { animation: logoFadeInOut 4s ease-in-out infinite; animation-delay: 0.5s; opacity: 0; }
.logo-animated-delay-10 { animation: logoFadeInOut 4s ease-in-out infinite; animation-delay: 0.55s; opacity: 0; }
.logo-animated-delay-11 { animation: logoFadeInOut 4s ease-in-out infinite; animation-delay: 0.6s; opacity: 0; }