CSS force image resize and keep aspect ratio

Question

I am working with images, and I ran across a problem with aspect ratios.

Answer 1

img {
  display: block;
  max-width:230px;
  max-height:95px;
  width: auto;
  height: auto;
}

This image is originally 400x400 pixels, but should get resized by the CSS:

This will make image shrink if it's too big for specified area (as downside, it will not enlarge image).