Fala ai Eric, tudo bem? Vamos lá:
Primeiramente, por que se considera que as imagens das pessoas não são relevantes ao HTML e, por isso, devem ser inseridas via CSS mas não se usa o mesmo raciocínio para as imagens das receitas?
É porque dificilmente alguém vai pegar uma receita sem vê-la pronta, ja as pessoas, a gente tem outras informações e não necessariamente elas causam o mesmo impacto das receitas.
Isso porque as receitas é o core da página, agora as pessoas, são informações à mais.
Em segundo lugar, qual a função de um background-postion: center após utilizarmos background-size: cover?
Ele vai centralizar a imagem e calcular seu cover baseado no tamanho da box, isso porque se você colocar left
ou right
pode ser que a receita fique mais para fora da box.
Isso porque o cover
vai fazer o possível para não prejudicar a resolução da imagem, dessa forma, pode ser que as vezes o conteudo principal da imagem fique mais para cima ou para os lados, ai junto com o background-position
vamos ajustando.
O cover
seria como uma mask para a imagem.
Espero ter ajudado.