Why doesn't the SVG in the example adjust height to fit the container?

Question

css

Here's an example: https://jsfiddle.net/qj18ntf4/4/
If you change the width of the DIV, the image shrinks and deforms.
If you change the height, then nothing happens. Why? How can I make the image adjust to the height of the container?