O banner da página está com problema

Seguindo a próxima aula tive um problema com os cards da página:

E mais uma vez os códigos estão iguais:

HTML

<section class="receitas">
            <div class="receita">
                <img alt="Tigela de abacate" class="receita__imagem" src="./assets/img/receitas/tigela-de-abacate.jpg" />
                <div class="receita__conteudo">
                    <h4 class="receita__titulo">Tigela de abacate</h4>
                    <p class="receita__descricao">Receita refrescante e cheia de vitaminas para seu café da manhã.</p>
                    <button class="receita__botao">Ver receita</button>
                </div>
            </div>
            <div class="receita">
                <img alt="Salada de kiwi" class="receita__imagem" src="./assets/img/receitas/salada-de-kiwi.jpg" />
                <div class="receita__conteudo">
                    <h4 class="receita__titulo">Salada de kiwi</h4>
                    <p class="receita__descricao">Receita refrescante e cheia de vitaminas para seu café da manhã.</p>
                    <button class="receita__botao">Ver receita</button>
                </div>
            </div>
            <div class="receita">
                <img alt="Mix de vegetais" class="receita__imagem" src="./assets/img/receitas/mix-de-vegetais.jpg" />
                <div class="receita__conteudo">
                    <h4 class="receita__titulo">Mix de vegetais</h4>
                    <p class="receita__descricao">Receita refrescante e cheia de vitaminas para seu café da manhã.</p>
                    <button class="receita__botao">Ver receita</button>
                </div>
            </div>
            <div class="receita">
                <img alt="Pimentões à Juliana" class="receita__imagem" src="./assets/img/receitas/pimentoes-a-juliana.jpg" />
                <div class="receita__conteudo">
                    <h4 class="receita__titulo">Pimentões à Juliana</h4>
                    <p class="receita__descricao">Receita refrescante e cheia de vitaminas para seu café da manhã.</p>
                    <button class="receita__botao">Ver receita</button>
                </div>
            </div>
            <div class="receita">
                <img alt="Prato oriental" class="receita__imagem" src="./assets/img/receitas/prato-oriental.jpg" />
                <div class="receita__conteudo">
                    <h4 class="receita__titulo">Prato oriental</h4>
                    <p class="receita__descricao">Receita refrescante e cheia de vitaminas para seu café da manhã.</p>
                    <button class="receita__botao">Ver receita</button>
                </div>
            </div>
            <div class="receita">
                <img alt="Beterrabas assadas" class="receita__imagem" src="./assets/img/receitas/beterrabas-assadas.jpg" />
                <div class="receita__conteudo">
                    <h4 class="receita__titulo">Beterrabas assadas</h4>
                    <p class="receita__descricao">Receita refrescante e cheia de vitaminas para seu café da manhã.</p>
                    <button class="receita__botao">Ver receita</button>
                </div>
            </div>
        </section>

CSS

.receitas {
    background: #e5e5e5;
    display: flex;
    flex-wrap: wrap;
    padding: 5rem 0 0 5rem;
}

.receita {
    background: #fdfdfd;
    display: flex;
    flex-direction: column;
    margin-bottom: 5rem;
    margin-right: 5rem;
    width: calc(25% - 5rem);
}

.receita__imagem {
    height: 200px;
}

.receita__descricao {
    font-size: 1.1875 rem;
    line-height: 1.5;
    text-align: justify;
}

.receita__conteudo {
    padding: 1rem;
}

.receita__botao {
    background: #8d0606;
    border: none;
    border-radius: 5px;
    color: #fdfdfd;
    padding: 1rem;
    transition: all .1s ease-in-out;
}

.receita__botao:hover {
    background: #620404;
    cursor: pointer;
}

Boa tarde, Bruno! Tudo bem?

Desculpa pela demora em ver seu tópico. Realmente está com um comportamento estranho, visto que por esses trechos de código que você passou está igual ao da aula.

Se você ainda estiver com o problema, teria como passar seu código do arquivo index.html inteiro? Não só a parte em específico, pois pode ser algum problema em outro lugar e assim nós conseguimos testar e procurar.

Fico no aguardo!

Boa tarde, Bruno! Tudo bem?

Por falta de retorno vou marcar o tópico como solucionado, se a dúvida ainda persistir insisto que abra um novo tópico =)

Bons estudos!