Center image on mobile (responsive)

I would like to center a logo image on mobile on my home page. I need responsive code that detects screen size and automatically centers the logo to the mobile screen. The logo is already on a hero background image that fits the screen.

Site: https://www.lucasano.com/home

PW: LC24!

The logo ID is #block-yui_3_17_2_1_1713534311796_94807

Thank you!

It looks like it's centered horizontally, vertically, there are blank rows that are pushing the logo higher than center:

I had played with the vertical rows but it's still not centering on certain devices. See below image which was taken on an iPhone 12 Pro Max. This is with the image centered horizontally and vertically.

It does look slightly low, but I think that's because of the way iPhones cover parts of the website section. It seems perfectly centered horizontally.

Is there code to automatically center based on mobile screen/device?

14 minutes ago, LukeDesign said:

Is there code to automatically center based on mobile screen/device?

Probably not to fix this in the way you want, any code will have the same issue as the website itself, which is correctly centering the logo, recentering will have the same drawbacks.