JavaScript - Como realizar múltiples animaciones sobre un mismo objeto

Hola tengo una imagen en mi sitio web a la cual le aplico una animación, el problema es que cuando luego quiero aplicarle una segunda animación el código js solo me reconoce la ultima (no realiza la primera) ej:


Como se puede apreciar referencio 2 veces a #cargando img y solo me reconoce la segunda referencia pasando por alto la primera.

Lo que quiero conseguir es que mi img disminuya su tamaño, el fondo del div (#cargando) se transparente y luego la img se desplace de lugar... tengo resuelto los 2 primeros pasos solo que con el ultimo tengo el problema de que no puedo referenciar a img por segunda vez...

Hola Cristofer, el código es correcto... puede ser que tengas que eliminar la clase añadida con anterioridad?

Yo creo que te lo añade, pero que no puede ejecutarse por prioridades en los estilos... si revisas el código, seguramente varas que ha añadido las tres clases... primera, segunda y animacion