.bannerContainer {
  padding: 3rem;
  border-radius: 8px;
  overflow: hidden;
  background: linear-gradient(
    130deg,
    #fa52521f 0%,
    var(--mantine-color-dark-6) 35%,
    var(--mantine-color-dark-6) 100%
  ) !important;
}

.scrollContainer {
  height: 100%;
  transform: rotateZ(10deg);
}

@keyframes scrolling {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50%);
  }
}

.scrollAnimationContainer {
  animation: scrolling;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@media (prefers-reduced-motion: reduce) {
  .scrollAnimationContainer {
    animation: none !important;
  }
}