.marquee_header { font-size: 35px; text-align: center; margin-bottom: 20px; } .marquee__inner { display: flex; width: max-content; animation: marquee 30s linear infinite; } .marquee__group { display: flex; align-items: center; } .marquee__group span { font-size: 14px; font-weight: bold; margin: 0 1.5rem; white-space: nowrap; display: flex; align-items: center; gap: 10px; color: #202020; font-family: sofia-pro; line-height: 1; } .marquee__group .dots { width: 10px; height: 10px; background: #202020; border-radius: 100%; } .marquee__group img { width: 24px; height: 24px; } @keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } } @media (max-width: 480px) { .marquee__inner { animation: marquee 40s linear infinite; } .marquee__group span { margin: 0 0.5rem; } }