.hero-cards-container{flex-direction:column;gap:1rem;display:flex}@keyframes initialAppearance{0%{opacity:0}10%{opacity:1}20%{opacity:1}30%{opacity:0}to{opacity:0}}@keyframes appearOneByOne{0%{opacity:0}33%{opacity:1}66%{opacity:1}to{opacity:0}}.hero-card{opacity:0;animation:3s ease-in-out forwards initialAppearance,10s ease-in-out infinite appearOneByOne}.hero-card-1{animation-delay:0s,3s}.hero-card-2{animation-delay:0s,4s}.hero-card-3{animation-delay:0s,5s}