Footer dando erro

Olá Lucas!

Tudo bem?

O problema está na sua classe .main__text, que você definiu como padrão uma altura fixa para ela, no caso um height: height: 482px;, no caso como a tag pai dela é a <main> de classe .main-content, e a <main> não tem uma altura fixa definida, acaba valendo essa da tag filha, tipo ela preenche a <main> com o tamanho dela. Para resolver é muito simples, basta definir essa altura que está fixa na versão de desktop, para height: auto;, na classe .main__text, e dentro do @media, ou seja, só vai alterar na versão responsiva.

CORRIGIDO FICA ASSIM:

@media (max-width: 1340px) {
    .headercontent {
        padding: 10%;
    }

    .headermenu {
        justify-content: center;
    }

    .main_content {
        flex-direction: column-reverse;
        padding: 9%;
    }

    .main__text {
        width: auto;
        height: auto;
    }

    .main__image {
        width: 50%; 
        height: 20%;
    }
}

Espero ter ajudado e bons estudos!