Как реализовать анимированный переход между пунктами?

Question

[catch-a-chalk]

Салют! Верстаю нумерованный переход внутри секции, сама нумерация задана через код ниже:

body {
  counter-reset: cnt;
}

section {
  counter-increment: cnt;
  position: relative;
}

section h2::before {
  content: counter(cnt);
  position: absolute;
  left: -45px;
  top: -2px;
}

Есть мысль поменять позиционирование на position: sticky, чтобы от определенного номера один сменял другой по списку, но стилизация нумерации становится невозможной, так как находится посередине страницы и иначе смещается. Реализовать переход через абсолютное позиционирование? Свойство transition менять через JS в зависимости от вьюпорта?
Пример перехода: https://www.bryce-jones.com/ (начиная с Hello, Research и пр.).