Свойство max-width ограничивает ширину элемента, не позволяя ему расширяться выше указанного значения. Чтобы у картинок при масштабировании сохранялись пропорции, следует добавить свойство height со значением auto. Например:
img {
max-width: 100%;
height: auto;
}