html {
  scroll-padding-top: 64px; /* height of your header */
}

  @keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }

  .scrolling-wrapper {
    width: max-content;
    animation: scroll 25s linear infinite;
  }
  .scrolling-wrapper:hover {
    animation-play-state: paused;
  }

  .fade-slide {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeSlide 0.7s forwards;
  }
  @keyframes fadeSlide {
    to { opacity: 1; transform: translateY(0); }
  }