"max-width:100%" предотвращает увеличение изображения по сравнению с исходным размером. Однако, если вы уменьшите окно браузера, изображение все равно будет уменьшаться.
Измените размер окна браузера, чтобы увидеть эффект.