@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(-100% - 1rem));
  }
}

.slide-animation {
  animation: scroll 17s linear infinite;
}

.reverse {
  animation-direction: reverse;
}

.mask-image {
  -webkit-mask-image: linear-gradient(to right, transparent 0%, white 10%, white 90%, transparent 100%);
  mask-image: linear-gradient(to right, transparent 0%, white 10%, white 90%, transparent 100%);
}

.marquee-image {
  -webkit-transform: translateZ(0);
}