Ion-content centering not working

Please describe the question in detail and share your code, configuration, and other relevant info.

I am trying to simply center the image horizontally and vertically, but other than wrapping it in a div inside the ion-content nothing seems to be working.
I do need ion-content, as I have a linear-gradient background.
Thanks four your help.

IonImg is a block element so centering via margin: 0 auto should do the trick.

Here is some Vue sample code:

      alt="The Wisconsin State Capitol building in Madison, WI at night"
      style="width: 200px; margin: 0 auto"

<script lang="ts" setup>
import { IonContent, IonImg } from '@ionic/vue';