“object-fit: contain” not working in PrimeNg p-image

CSS "object-fit: contain" does not work in PrimeNg p-image component.

<p-image [src]="image" alt="Image" appendTo="body" height="550vw" width="100%" style="object-fit: contain"></p-image>

Is there anything i missed. Also tried it with a different way with the same result:

[style]="{ objectFit: 'contain' }"

You need to sign in to view this answers