.image-marquee {
  overflow: hidden; /* Hides images outside the container */
  width: 100%;
  background: #ff1ea1;
  padding: 20px 0;
}

.image-track {
  display: flex;
  width: max-content; /* Allows track to grow based on image count */
  animation: scroll-left 30s linear infinite;
}

.image-track img {
  height: 1200px;      /* Consistent height for all images */
  margin: 0;    /* Space between images */
  flex-shrink: 0;    /* Prevents images from squishing */
}

.back a{
  position: fixed;
  top: 18px;
  left: 22px;
  z-index: 100;

  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  font-size: 20px;
  color: rgb(0, 0, 0);
  text-decoration: none;
  transition: color 0.3s ease;
}


@keyframes scroll-left {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); } /* Scrolls exactly half-way */
}

/* Optional: Stop scrolling on hover
.image-marquee:hover .image-track {
  animation-play-state: paused;
}
   */

   body {
    margin-top: 20px;
    background-color:black;
   }