body {
  background-color: #000;
  color: #fff;
  min-height: 100vh;
  display: grid;
  place-items: center;
  perspective: 500px;
}

.banner {
  display: flex;
}

.panel {
  position: relative;
  width: 21px;
  height: 120px;
  overflow: hidden;
  animation: rotate 6s var(--delay) infinite ease-in-out alternate;
}

@keyframes rotate {
  0%, 10% { transform: rotateX(0deg); }
  90%, 100% { transform: rotateX(720deg); }
}

.panel::before {
  position: absolute;
  left: var(--left);
  content: 'pretty cool';
  font-size: 96px;
  width: max-content;
  color: hsl(var(--hue), 75%, 75%);
}

/* 30 tutorials later*/
.panel:nth-child(1)  { --left: 0px;    --hue: 0;   --delay: 0s; }
.panel:nth-child(2)  { --left: -21px;  --hue: 15;  --delay: 0.1s; }
.panel:nth-child(3)  { --left: -42px;  --hue: 30;  --delay: 0.2s; }
.panel:nth-child(4)  { --left: -63px;  --hue: 45;  --delay: 0.3s; }
.panel:nth-child(5)  { --left: -84px;  --hue: 60;  --delay: 0.4s; }
.panel:nth-child(6)  { --left: -105px; --hue: 75;  --delay: 0.5s; }
.panel:nth-child(7)  { --left: -126px; --hue: 90;  --delay: 0.6s; }
.panel:nth-child(8)  { --left: -147px; --hue: 105; --delay: 0.7s; }
.panel:nth-child(9)  { --left: -168px; --hue: 120; --delay: 0.8s; }
.panel:nth-child(10) { --left: -189px; --hue: 135; --delay: 0.9s; }
.panel:nth-child(11) { --left: -210px; --hue: 150; --delay: 1.0s; }
.panel:nth-child(12) { --left: -231px; --hue: 165; --delay: 1.1s; }
.panel:nth-child(13) { --left: -252px; --hue: 180; --delay: 1.2s; }
.panel:nth-child(14) { --left: -273px; --hue: 195; --delay: 1.3s; }
.panel:nth-child(15) { --left: -294px; --hue: 210; --delay: 1.4s; }
.panel:nth-child(16) { --left: -315px; --hue: 225; --delay: 1.5s; }
.panel:nth-child(17) { --left: -336px; --hue: 240; --delay: 1.6s; }
.panel:nth-child(18) { --left: -357px; --hue: 255; --delay: 1.7s; }
.panel:nth-child(19) { --left: -378px; --hue: 270; --delay: 1.8s; }
.panel:nth-child(20) { --left: -399px; --hue: 285; --delay: 1.9s; }
.panel:nth-child(21) { --left: -420px; --hue: 300; --delay: 2.0s; }
.panel:nth-child(22) { --left: -441px; --hue: 315; --delay: 2.1s; }
.panel:nth-child(23) { --left: -462px; --hue: 330; --delay: 2.2s; }
.panel:nth-child(24) { --left: -483px; --hue: 345; --delay: 2.3s; }