Repetir animação em css

Boa tarde.

Estou com um pequeno problema na animation do css.

Estou utilizando 3 keyframes diferentes para fazer uma animação, entretanto quando acabar esses 3 keyframes gostaria de repeti-los exatamente na mesma ordem. Se coloco a propriedade a animation-iteration-count como infinite ele fica completamente louco.

Veja o exemplo no link: https://jsfiddle.net/4pnquy2p/1/

Deixo meu obrigado desde já! :)