Scale Inline SVG in Bootstrap 4 flex column

Question

In the following JSFiddle example. I would like the SVG egg shape to fully display(with proper ratio) in the yellow background div no matter how it is scaled. Currently when