テキストが下から現れるアニメーション

.container h1 {
  font-size: clamp(2.5rem, 12.5vw, 9.375rem);
  padding-bottom: 50px;
  color: transparent;
  background-image: linear-gradient(to right, #2B35C2 0%, #1493C9 100%);
  -webkit-background-clip: text;
  transform: translateY(100%);
  animation: anim 2s both;
}

@keyframes anim {
  100% {
    transform: translateY(0);
  }
}