.pop {
  view-timeline-name: --pop;
}
img {
  animation: slide both;
  animation-timeline: --pop;
  animation-range: entry 100% cover 50%;
}
.skateboarder {
  --x: 0;
  --y: -45%;
}
@ keyframes slide {
  to { translate: var(--x) var(--y); }
}