.marquee {
  display: flex;
  overflow: hidden;
  user-select: none;
  gap: 4rem;
}

.marquee__content {
  flex-shrink: 0;
  display: flex;
  justify-content: space-around;
  min-width: 100%;
  gap: 4rem;
}

.text-block {
  font-size: var(--section-font-size);
  font-weight: 500;
}

.marquee__content img {
  height: 5rem;
  width: auto;
}

@media (prefers-reduced-motion: reduce) {
  .marquee__content {
    animation-play-state: paused !important;
  }
}

@media all and (max-width: 768px) {
  .text-block {
    margin: 0;
    font-size: 1.5rem;
  }
}