Перевод div так, чтобы он вел себя как одометр ⇐ CSS

[Anonymous]

Я пытался создать анимацию, похожую на одометр, используя React и ванильный CSS. Пока что работает так, что при увеличении числа translationY вверх происходит как настоящий одометр. Моя текущая проблема заключается в том, что когда он переходит от 9 к 0, translationY происходит в противоположном направлении (вниз, а не вверх). Я бы хотел, чтобы он по-прежнему шел в том же направлении (вверх), но очень зациклился на том, как это сделать. Любая помощь будет принята с благодарностью...

Код находится здесь: https://codesandbox.io/s/inspiring-ellis-jpzx2