@media screen and (max-width: 1023px) { .partners-logo-row { display: block !important; overflow: hidden !important; width: 100% !important; max-width: 100vw !important; min-width: 0 !important; padding: 0 0 31px 0 !important; margin: 2rem 0 !important; mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent) !important; -webkit-mask-image: linear-gradient(to right, transparent, black 15%, black 85%, transparent) !important; white-space: nowrap !important; } .logo-marquee-track { display: flex !important; width: max-content !important; animation: logo-marquee-scroll 30s linear infinite !important; align-items: center !important; } .logo-marquee-track img { height: 45px !important; width: auto !important; flex-shrink: 0 !important; margin: 0 42px 0 0 !important; object-fit: contain !important; }
/* Specific logo adjustments */
.logo-marquee-track img.about-logo--bayer { width: 280px !important; height: 45px !important; } .logo-marquee-track img.about-logo--skoda { width: 205px !important; height: 45px !important; } .logo-marquee-track img.about-logo--sumup { width: 200px !important; height: 45px !important; } .logo-marquee-track img.about-logo--smava { width: 160px !important; height: 45px !important; } }
@keyframes logo-marquee-scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }