p { --from: 0 100%; --to: 0 -100%; }

.tile { --to: 0 -150%; }

@​keyframes move {

  0% { translate: var(--from); }

  100% { translate: var(--to); }

}

p, .tile {

  animation: move;

  animation-timeline: --section;

  animation-range: entry 20% 120%;

}