iOS Notch Image [repost]

Hi I’m using Ionic Vue and I’m trying to create this where there is an image within the iOS notch:
image

The code works fine when I load it but when I switch tabs into it it gives an error which I think is caused by the img being above the ion-page in the template.
image


I am trying to recreate the image below and I am pushing down ion-page by 44px so that the page doesn’t start within the notch of the iPhone. Please let me know the best way to do this cause pushing the ion page down 44px to avoid being in the Notch is definately not best practice.
image