/* Стили для внешнего контейнера */
    .marquee-container {
      position: relative;
      overflow: hidden;
      width: 100%;
      height: 70px; /* Высота контейнера */
      background-color: transparent; /* Фон контейнера */
    }

    /* Стили для субконтейнера */
    .marquee-subcontainer {
      display: flex;
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
    }

    /* Стили для поезда */
    .marquee-train {
      display: flex;
      align-items: center;
      height: 100%;
      white-space: nowrap;
    }

    /* Стили для блоков с логотипами */
    .marquee-logo {
      flex-shrink: 0;
      width: auto /* Ширина логотипа */
      height: 60px; /* Высота логотипа */
      margin-right: 20px; /* Отступ между логотипами */
      background-color: #ccc; /* Заглушка для логотипа */
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 14px;
      color: #333;
    }

    /* Градиенты поверх контента */
    .marquee-gradient-left,
    .marquee-gradient-right {
      position: absolute;
      top: 0;
      width: 200px; /* Ширина градиента */
      height: 100%;
      pointer-events: none; /* Чтобы градиент не мешал взаимодействию */
      z-index: 1; /* Градиенты поверх контента */
    }

    .marquee-gradient-left {
      left: 0;
      background: linear-gradient(to right, white, transparent);
    }

    .marquee-gradient-right {
      right: 0;
      background: linear-gradient(to left, white, transparent);
    }

@media only screen and (max-width: 479.98px) {
  .marquee-gradient-left,
  .marquee-gradient-right {
    position: absolute;
    top: 0;
    width: 30px;
    height: 100%;
    pointer-events: none;
    z-index: 1;
  }
}