Does not resize properly

Hi all, need a little help. I think i have some setting somewhere that is not correct.

When i resize my simple design, the logo/boxes do not say centered with the background. It only happens at a certain breakpoint (if you resize the window you will see what i mean).

Here is my site Read-Only: Webflow - FutureSport - the future of how sports fans follow their favorite sport!
(how to share your site Read-Only link)

Anyone have any ideas? i’m sure its something relatively simple if someone who knows can just pop in and take a peak at the CSS.

Need your read-only share link to investigate.

It looks like you need to change the point of origin on the background image.

Oh, my bad. OK here is the read-only link:

Here are the settings for the background image