CSS image scaling to fit within area not distort

Question

Is there a way with CSS or otherwise of making an image fit within an area. Lets say I have multiple images of different sizes and I want them all to fit within a div of 150

Answer 1

I know this is an old one, but because I found it in search of answer for the same question, I guess it could be of use for someone else, too.

Since the answers were posted, CSS property object-fit was brought to us. It does exactly what was once requested in the question.

For reference: https://www.w3schools.com/css/css3_object-fit.asp