.marquee-container {
      width: 100%;
      overflow: hidden;
    }
    .marquee-content {
      display: flex;
      white-space: nowrap;
      width: max-content;
      animation: marquee-pc 28s linear infinite;
    }
    .marquee-item {
      display: inline-block;
      padding-right: 30px;
    }

    @keyframes marquee-pc {
      0% { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }

    @media (max-width: 768px) {
      .marquee-content {
        animation: marquee-mobile 20s linear infinite !important;
      }
      @keyframes marquee-mobile {
        0% { transform: translateX(0); }
        100% { transform: translateX(-50%); }
      }
    }