.home-page__content h1 {
   background: linear-gradient(to right, #ffffff 50%, #252525 50%);
   background-size: 200% auto;
   background-position: 100%;
   -webkit-background-clip: text;
   background-clip: text;
   color: transparent;
   opacity: 0;
   animation:
      fade-in 1s ease 0.3s forwards,
      reveal-text 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0.5s forwards;
}

@keyframes fade-in {
   to {
      opacity: 1;
   }
}

@keyframes reveal-text {
   to {
      background-position: 0%;
   }
}