How can I keep my landing page image centered from desktop to mobile

Site URL: https://asanchez-art.com/

Hello!
If theres a better sub-forum for this question please let me know.
As you can see in the attatched, my landing page image doesn't keep center going from mobile to desktop and its driving me crazy.  I have created the image to be on center where the two images meet, to be split between the two buttons.

Alternatively, would it be easier to just push those buttons away from eachother, and if so how could I achieve that?

site password is cubecosmos if that is needed

H

On 8/1/2021 at 10:52 AM, asanchez said:

Site URL: https://asanchez-art.com/

Hello!
If theres a better sub-forum for this question please let me know.
As you can see in the attatched, my landing page image doesn't keep center going from mobile to desktop and its driving me crazy.  I have created the image to be on center where the two images meet, to be split between the two buttons.

Alternatively, would it be easier to just push those buttons away from eachother, and if so how could I achieve that?

 

site password is cubecosmos if that is needed

Hi, Add to Cover Page Header

<style>
  @media screen and (max-width:767px) {
    /* button 2 */
  ul li:nth-child(2) {
    position: relative;
    right: -5px;
}
  }
</style>