.eits-ticker {
  overflow: hidden;
  position: relative;
}
.eits-track {
  display: flex;
  width: max-content;
  animation: ticker-scroll 40s linear infinite;
}
.eits-image {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-shrink: 0;
}
.eits-image img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* Animation: left or right */
@keyframes ticker-scroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
@keyframes ticker-scroll-rtl {
  0% { transform: translateX(-50%); }
  100% { transform: translateX(0); }
}

/* =========================
   Modern light sweep effect
========================= */

.eits-ticker.eits-hoverfx .eits-image {
  position: relative;
  transition: transform .35s cubic-bezier(.4,0,.2,1),
              filter .35s ease,
              opacity .35s ease;
}

/* Subtle desaturation by default (optional but modern) */
.eits-ticker.eits-hoverfx .eits-image img {
  transition: filter .35s ease;
  filter: grayscale(30%) opacity(.85);
}

/* Light sweep overlay */
.eits-ticker.eits-hoverfx .eits-image::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(
      120deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,0.35) 50%,
      rgba(255,255,255,0) 100%
  );
  transform: translateX(-120%);
  transition: transform .6s ease;
}

/* Hover state */
.eits-ticker.eits-hoverfx .eits-image:hover {
  transform: translateY(-4px); /* no zoom */
}

.eits-ticker.eits-hoverfx .eits-image:hover img {
  filter: grayscale(0%) opacity(1);
}

.eits-ticker.eits-hoverfx .eits-image:hover::before {
  transform: translateX(120%);
}