.image-band {
  width: 100%;
  overflow: hidden;
  padding: 20px 0;
}

.image-track {
  display: flex;
  width: fit-content;
  animation: marquee-left 30s linear infinite;
}

/* FAST BILDBREDD = ÄKTA LOOP */
.image-track img {
  width: 25vw;          /* 4 bilder på skärmen */
  max-width: 260px;
  min-width: 220px;
  height: 300px;
  object-fit: cover;
  border-radius: 12px;
  padding-left: 30px;
}

/* 🔁 ÄKTA WRAP-LOOP */
@keyframes marquee-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}


@media (max-width: 768px) {
  .image-track img {
    width: 50vw; /* 2 bilder på mobil */
  }
}