@keyframes autoZoom {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.06);
  }
  100% {
    transform: scale(1.12);
  }
}

.auto-zoom {
  animation: autoZoom 20s ease-in-out infinite alternate;
}

@keyframes marquee {
  to {
    transform: translateX(-100%);
  }
}

.marquee {
  animation: marquee 10s linear infinite;
}

.marquee:hover {
  animation-play-state: paused;
}

.offer-marquee {
  animation: marquee 30s linear infinite;
}

.offer-marquee:hover {
  animation-play-state: paused;
}