.marquee {
  width: 100%;
  --gap: 1px;
  display: flex;
  user-select: none;
  overflow: hidden;
  gap: var(--gap);
}

.marquee__content {
  flex-shrink: 0;
  display: flex;
  justify-content: space-around;
  min-width: 100%;
  gap: var(--gap);
  flex-direction: row;
  animation: scroll 20s linear infinite;
}

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

.marquee__content > * {
  flex: 0 0 auto;
  margin: 1px;
  text-align: center;
}

.blinkie {
  width: 8.33%;
  height: auto
}