Olá

Observei que o código que está no bloco de códigos da aula de sombras tem um valor incorreto. Ao copiar diretamente deste bloco, o resultado esperado não será exibido. Segue o código:

.imagem-beneficios {
    width: 60%
    opacity: 1;
    transition: 400ms;
    box-shadow: 10px 10px 5px 20px #00000, -10px -10px yellow, -20px 20px rgba(255,0,0,0.5);

}

Neste bloco, o valor da cor esta com 5 zeros, quando o correto são 6 zeros. Ao copiar diretamente para o CSS, a sombra não será exibida e o inspetor de código apontará a propriedade box-shadow como desconhecida. Para corrigir, basta adicionar o 6 dígitos referente a cor, conforme código abaixo

.imagem-beneficios {
    width: 60%
    opacity: 1;
    transition: 400ms;
    box-shadow: 10px 10px 5px 20px #000000, -10px -10px yellow, -20px 20px rgba(255,0,0,0.5);

}

Agradeço por fazer este curso, pois o professor forneceu todos os meios para que eu pudesse detectar este problema e compartilhar com a comunidade!

Muito obrigado!