Dúvida sobre o media queries

Oi Rian, tudo bem?

Quando você já definiu uma propriedade CSS para um seletor, como o display: flex; para a classe .apresentacao, essa propriedade continua valendo até que você explicitamente a altere ou a sobrescreva em uma regra posterior.

No caso das media queries, quando você define um novo estilo para um seletor dentro de um bloco @media, você está adicionando ou sobrescrevendo propriedades para aquele seletor apenas sob as condições especificadas (como um certo tamanho de tela, por exemplo).

Se você não redefinir a propriedade display, o navegador vai continuar usando o valor que foi definido anteriormente para .apresentacao, que é display: flex;.

Então, não é necessário repetir display: flex; dentro do bloco @media para a classe .apresentacao a menos que você queira mudar o valor dessa propriedade quando a condição da media query for verdadeira. Como no caso queremos apenas ajustar o flex-direction para responder a uma mudança no tamanho da tela, mantendo o layout flexível, então não há necessidade de redeclarar o display: flex;.

Um abraço e bons estudos.