Helium theme with PNG image in header overlaying background image

Hi I have a background image in the page surround container and another of the golfer on top in the header area, is there a way where i can get the top image to match the page surround image size when scaling the height and width of the page? I need the golfers cutout to appear on top of the NEXT UP text at the top.

#g-page-surround {
color: #ffffff;
padding: 3rem 0;
position: relative;
z-index: 1;
background-image: url(‘/wp-content/uploads/2023/02/Sponsors-background.jpg’);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
}

.golf-overlay {
background-position: center center !important;
background-size: cover!important;
background-attachment: fixed!important;
margin: 0;
position: fixed;
z-index: 50;
}

The page I need help with: [log in to see the link]