@keyframes aparecer {
  from {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.anima{
  view-timeline-name:--image;
  view-timeline-axis: block;

  animation-timeline: --image;
  animation-name: aparecer;
  /*animation: aparecer linar both;*/
  animation-range: entry 25% cover 50%;
}