Как сохранить пропорции изображения в CSS?

Question

Как сохранить пропорции изображения в CSS?

#prodImg {
width: 100%;
height: auto;
}

проблема в том, что у меня есть изображения в разных пропорциях, и я хочу, чтобы они были прямоугольной ориентации и отзывчивыми.

Answer 1

#prodImg {
max-width: 100%;
height: auto;
}