h1 {
    display: inline-block;
  }
  
  .text-container {
    display: inline-flex;
    flex-direction: column;
    height: 2.5rem;
    overflow: hidden;
    text-align: left;
  }
  
  .text-container span {
    height: 2.3rem;
    color: lightcoral;
    animation: rotate-text 6s linear infinite;
  }

  @keyframes rotate-text {
    0%, 33.33% {
      transform: translateY(0);
    }
    33.34%, 66.66% {
      transform: translateY(-2.3rem);
    }
    66.67%, 100% {
      transform: translateY(-6.9rem);
    }
  }
  
  @keyframes moveUp {
    0% {
      transform: translateY(0);
    }
    
    5% {
      transform: translateY(0);
    }
  
    15% {
      transform: translateY(-2.3rem);
    }
  
    25% {
      transform: translateY(-2.3rem);
    }
  
    35% {
      transform: translateY(-4.6rem);
    }
  
    45% {
      transform: translateY(-4.6rem);
    }
  
    55% {
      transform: translateY(-6.9rem);
    }
  
    65% {
      transform: translateY(-6.9rem);
    }
  
    75% {
      transform: translateY(-9.2rem);
    }
  
    95% {
      transform: translateY(-9.2rem);
    }
  
    100% {
      transform: translateY(0);
    }
  }