.reveal {
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.8s ease;
}

    .reveal.active {
        opacity: 1;
        transform: translateY(0);
    }

.delay-1 {
    transition-delay: 0.2s;
}

.delay-2 {
    transition-delay: 0.4s;
}

.reduce-motion .reveal {
    transition: none;
    transform: none;
    opacity: 1;
}

.slider {
  width: 100%;
  overflow: hidden;
  background: #fff;
  padding: 32px 0;
  opacity: 80%;
}

.slide-track {
  display: flex;
  width: max-content;
  animation: scroll 20s linear infinite;
}

.slide-track img {
  width: 100%;
  height: auto;
  margin-right: 20px;
}

/* Smooth infinite movement */
@keyframes scroll {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}