[Dúvida] erro ao utilizar flexbox

Oii Nayara, tudo bem contigo? Espero que sim!

Você usou a classe .apresentacao duas vezes aninhadas. Isso pode estar causando o problema, pois o CSS não suporta aninhamento de classes da maneira que você fez.

Se você quer aplicar estilos diferentes para elementos diferentes, mas ambos com a classe .apresentacao, você pode fazer isso de forma separada, como:

.apresentacao{
    margin: 10%;
}

.apresentacao-flex{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

E no seu HTML, você pode usar as duas classes no mesmo elemento, se necessário:

<div class="apresentacao apresentacao-flex">
    <!-- conteúdo aqui -->
</div>

Lembre-se, o justify-content: space-between só vai funcionar corretamente se houver mais de um item flexível (filhos diretos do elemento com display: flex) e espaço suficiente no contêiner para criar o espaço entre eles.

Espero ter ajudado e bons estudos!