Aplicar animaciones a cada elemento para que funcionen de forma independiente

[pzin]

No es un problema de la animación. Ni tan siquiera de que los dos se animan a la vez.

El problema es que los elementos de la lista están con un display: inline-block.

En principio lo arreglas agregándole:

Código CSS:

vertical-align: top;