.scroll-container {
  /*all: initial;*/
  width: 100vw;
  overflow: hidden !important;
  position: relative;
}

.scroll-content {
  display: flex;
  will-change: transform;
  backface-visibility: hidden;
  transform: translateZ(0);
  animation: scrollLeft 30s linear infinite;
  /* Duplikuj zawartość dla płynnego przewijania */
  width: 200%;
  gap: 20px;
}

.scroll-item {
  flex-shrink: 0;
  flex: 0 0 auto;
  transition: transform 0.3s ease;
  /* Dostosuj szerokość elementów */
  min-width: 450px;
}

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

/* Responsywność */
@media (max-width: 768px) {
    .scroll-item {
        min-width: 450px;
    }

    @keyframes scrollLeft {
        0% {
            transform: translateX(200%);
        }
        100% {
            transform: translateX(-200%);
        }
    }
}

/* hover stop */
.scroll-content:hover {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -o-animation-play-state: paused;
  animation-play-state: paused;
}