@keyframes marquee-scroll {
      0% {
        transform: translateX(0%);
      }
      100% {
        transform: translateX(-100%);
      }
    }
 @keyframes marquee-scroll-fast {
      0% {
        transform: translateX(0%);
      }
      100% {
        transform: translateX(-250%);
      }
    }

    .marquee {
      display: flex;
      animation: marquee-scroll-fast 10s linear infinite;
    }

    .marquee-wrapper {
      overflow: hidden;
      width: 100%;
    }
    @media (min-width: 768px) {
      .marquee {
        animation: marquee-scroll 30s linear infinite;
      }
    }