Olá, Davi! Tudo bem?

Parabéns por ter encontrado uma maneira de resolver o problema, a abordagem é uma boa alternativa para o problema descrito, pois você utilizou a propriedade de estilo display para controlar a visibilidade do elemento .container__informacoes.

Entretanto, é importante lembrar que a ordem dos elementos no HTML pode afetar o comportamento do código JavaScript. Em geral, é uma boa prática colocar o <script></script> no final do corpo do HTML (antes de fechar a tag </body>), para garantir que todo o DOM esteja carregado antes de o script ser executado. Sobre o CSS, a propriedade display: none; é uma maneira eficaz de esconder um elemento até que busquemos mostrá-lo e no JavaScript, a linha de código adicionada é uma maneira comum de alterar o estilo de um elemento.

Espero ter ajudado!

Um forte abraço e bons estudos!