.slider-container {
            width: 100%;
            overflow: hidden;
        }

        .slider {
            display: flex;
            transition: transform 0.5s ease-in-out;
            animation: scroll 120s linear infinite; /* Изменил время анимации на 40 секунд (настраиваемо) */
        }

        .slider-item {
            flex: 0 0 20%; /* Ширина каждого слайда равна 20% контейнера (5 слайдов видимы одновременно) */
            padding: 10px; /* Добавьте отступы по желанию */
            padding-left: 62px;
            box-sizing: border-box;
            text-align: center; /* Центрирование изображений и заголовков */
            position: relative; /* Добавлено для корректного размещения отступа */
            display: flex; /* Сделать элементы внутри блока flex-контейнерами */
            flex-direction: column; /* Размещение элементов вертикально */
            justify-content: center; /* Выравнивание по вертикали по центру */
        }

        .slider-item img {
            max-width: 100%; /* Максимальная ширина изображения в пределах слайда */
            height: auto; /* Автоматическое соотношение сторон */
        }

        .slider-caption {
            font-size: 12px;
          position: absolute;
          top: 0; /* Размещение заголовка сверху */
          left: 10%; /* Выравнивание заголовка по левому краю с отступом 10% от левого края слайда */
          right: 10%; /* Выравнивание заголовка по правому краю с отступом 10% от правого края слайда */
          background-color: rgba(0, 0, 0, 0.7); /* Полупрозрачный фон для читаемости заголовка */
          color: #fff; /* Цвет текста заголовка */
          padding: 5px; /* Отступы вокруг текста заголовка */
          box-sizing: border-box;
          width: 80%; /* Ширина фона 80% от ширины картинки */
        }

        @keyframes scroll {
      0% {
        transform: translateX(0);
      }
      100% {
        transform: translateX(-1300%);
      }
    }