.contact {
  padding: 3rem;
  border: 2px solid #000;
}
.contact .h1 {
  margin-bottom: 1.5rem;
}
.div{
  animation: fade-in ease forwards;
  animation-timeline: view();
  animation-range: 10% 50%;
}

@keyframes fade-in{
  to {
    opacity: 1;
  }
}
div{
  animation-range: 0px 10px;
}