Efeito de Paralax com erro

Bom dia, David! Tudo bem?

Isso está acontecendo por causa do tamanho do seu monitor. Nesse curso não é estudado responsividade, então há variações em como vai aparecer na tela a partir do tamanho do dispositivo. O professor provavelmente só seguiu como aparecia no dele já que não havia essa preocupação.

Exemplo de visualização em diferentes telas:

• Ao abrir no monitor do meu notebook

• Ao abrir no monitor externo (que é maior)

Você pode configurar para aparecer de acordo com o tamanho da tela a partir de media queries. Isso pode ficar como desafio =)

Mas uma solução rápida, só para seguir o contexto do estudo sobre paralax, é aumentar o heigth da classe produto (dentro do produtos.css) até ficar de acordo com sua tela. Desse modo, vai diminuir essa escrita pra ficar mais pra cima.

Por exemplo:

.produto {
    display: flex;
    height: calc(120vh - 4.25rem);
}

Bons estudos!

Bom dia

Feito.

Muito Obrigado pela ajuda.

Att