.static-hero-carousel-section {
  display: block;
}

.static-hero-carousel-track {
  margin-left: 0 !important;
  animation: plaques-static-carousel 18s infinite;
  will-change: transform;
}

.static-hero-carousel:hover .static-hero-carousel-track {
  animation-play-state: paused;
}

.static-hero-carousel [role="group"] {
  flex: 0 0 100%;
  padding-left: 0 !important;
}

.static-hero-carousel-frame {
  aspect-ratio: 1400 / 800 !important;
  border-radius: 8px;
  background: #0c1a32;
}

@media (min-width: 640px) {
  .static-hero-carousel-frame {
    aspect-ratio: 1400 / 520 !important;
  }
}

.static-hero-carousel-frame img {
  display: block;
  object-fit: contain;
}

.static-hero-carousel button {
  display: none !important;
}

@keyframes plaques-static-carousel {
  0%,
  27% {
    transform: translateX(0);
  }

  33%,
  60% {
    transform: translateX(-100%);
  }

  66%,
  93% {
    transform: translateX(-200%);
  }

  100% {
    transform: translateX(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .static-hero-carousel-track {
    animation: none;
    transform: translateX(0);
  }
}
