Responsive Image

"max-width:100%" evita que la imagen se muestre a un tamaño mayor que el suyo original. Sin embargo, si el tamaño de la pantalla del navegador es muy pequeño, la imagen, cada vez será más pequeña.

Redimensiona el tamaño de la ventana del navegador para ver el efecto.