Как синхронизировать css анимацию и изменение значения в span?

Question

[qo_0p]

https://jsfiddle.net/bofckzfq/

Не получается синхронизировать анимацию, что бы старое слово увеличилось и исчезло, и его сменило маленькое новое, с которым произошло бы то же самое. Помогите.