.marquee {
  overflow: hidden;
  position: relative;
}

.marquee--vertical {
  height: 100%;
}

.marquee__track {
  display: flex;
  gap: var(--marquee-gap, 32px);
  will-change: transform;
}

.marquee--horizontal .marquee__track {
  flex-direction: row;
  width: max-content;
}

.marquee--vertical .marquee__track {
  flex-direction: column;
  height: max-content;
}

.marquee__group {
  display: flex;
  align-items: center;
  gap: var(--marquee-gap, 32px);
  flex-shrink: 0;
}

.marquee--vertical .marquee__group {
  flex-direction: column;
}

.marquee img {
  display: block;
  max-width: none;
}