.showTittles {
  animation: showTittles both;
  animation-timeline: view(50% 20%);
} 

@keyframes showTittles {
  0% {
    opacity: 0;
    transform: translateY(200px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}