Resolução totalmente distorcida apos CSS

Boa tarde usei esse script abaixo para que a imagem da vitrine ocupasse todo o layout porem percebi que perde um pouco a qualidade, alguém poderia me orientar o que devo fazer ou alguma configuração para que mantivesse a mesma qualidade, segue meu código

/* AJUSTAR AS FOTOS NO TAMANHO DA CATEGORIA PRODUTO */

.listagem .imagem-produto img {
margin: 0;
width: 100%;
height: 100%;
}

.listagem .listagem-item {
padding: 0;
}

.pagina-inicial #corpo .listagem .imagem-produto {
height: 400px!important;
}
/* AJUSTAR AS FOTOS NO TAMANHO DO PRODUTO */