Todas as alterações no código foram salvas , o index , style e as fotos estão na mesma pasta mas mesmo assim não funciona , alguma sugestão de qual pode ser o problema ?

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Todas as alterações no código foram salvas , o index , style e as fotos estão na mesma pasta mas mesmo assim não funciona , alguma sugestão de qual pode ser o problema ?

Olá, tudo bem? Vou apontar algumas coisas e você me fala se deu certo:
Neste trecho, você inseriu uma classe dentro da outra. No lugar disso coloque:
.principal7{
padding-left: 20px;
}
.titulocentro{ text-align: center
}
Verifique se nessa linha este é o nome da imagem mesmo. Geralmente não colocamos espaços em nomes de arquivos. Verifique se o nome dos arquivos de imagens que você colocou no código estão todos iguais aos nomes dos arquivos na pasta
Se as imagens ainda assim não carregarem, verifique qual o tipo de imagem: se é jpg, jpeg, png.