Capacitor is zooming and cropping my photo unexpectedly

Capacitor
1

I am taking a picture using these settings

 const image = await Camera.getPhoto({
    quality: 100,
    allowEditing: true,
    saveToGallery: false,
    resultType: CameraResultType.Uri,
    source: CameraSource.Prompt
  });
 var imageUrl = image.webPath;
  // // Can be set to the src of an image now
     this.imgSrc = imageUrl!;

When I upload a photo from my gallery, I can crop and edit fine. Then when I click the ok button, my image shows on my page zoomed in and cropped.

I can go back to my phone gallery and the image looks fine just like I expect.

Why is the capacitor zooming my image in?