How to make site logo stay centered on mobile/iPad?

Site URL: https://delawarerising.club/

When I open the site on different iPhone versions the logo isn't centered 😞

I'm assuming there's something wrong with the custom code I'm using?

//*mobile site logo sizing/position*//
@media only screen and (max-width: 640px) {
#header #logoWrapper #logoImage img,
 #header #siteTitleWrapper #logoImage img {
   max-height: 300px;
   margin: -90px;
  }
 
#header #logoWrapper, 
#header #siteTitleWrapper { 
   position: relative; 
  max-height: auto;
  max-width: 30%;
   transform: translate(-50%,-80%); 
}
}
 

It looks already centered. Can you check it again?

On 9/26/2022 at 4:33 AM, tuanphan said:

It looks already centered. Can you check it again?

I thought so too, but when I've opened it on an iphone SE (2016) and certain iPhone 11's it isn't.

I'm not sure what's happening or if you've encountered this before...