Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
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.