CSS принудительно изменяет размер изображения и сохраняет соотношение сторон

Я работаю с изображениями, и я столкнулся с проблемой с соотношением сторон.

<img src="big_image.jpg" width="900" height="600" alt="">

Как вы видете,height а такжеwidth уже указаны. Я добавил правило CSS для изображений:

img {
  max-width:500px;
}

Но дляbig_image.jpg, Я получилwidth=500 а такжеheight=600, Как я могу настроить изображения для изменения размера, сохраняя при этом их пропорции.