Uploaded images: uploaded SVGs do not fit display container

I have a form with an upload image field. Images can be png, jpeg or svgs.
When the image is uploaded and is an SVG, is doesnt fit the container size.
Cloudify is being used to handle the URL of the uploaded data.
Is not a SVG inline, I have no control of the format the user will upload.

<img
  class="vehicle-image"
  [src]="provUrl(imageUrl)"
  alt="Uploaded Image"
/>

.vehicle-image {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

it works fine for pngs or jpegs, but not for SVGs…what could I have to work this around for SVGs also?