Solucionado
Quando executo essa animação com o delay para a animação das palavras antes, o banner fica no canto da tela, e somente depois do animation ocorrer nas palavras, ele ocorre o animation no banner. tentei usar um "visibility" ou display e tal com tempo mas nenhum deles funcionou. Tem alguma função que eu posso fazer para manter o banner escondido até terminar o animation das palavras ? (só achei efeito com JS)
Explicado no exercicio 10.
animation-fill-mode: backwards;
Acredito que possa ser algum problema no seu css, pois somente o delay era para resolver esse problema, fazendo com que a animação do banner só aconteça logo após as palavras.
Poste seu index.css para eu dar uma olhada.