How do I keep my header image from getting cut off when the browser window size is adjusted?

[JFranck]

I really like how my marvelLens.ca header image looks when the browser window is small but when it is adjusted any larger the header image gets cut off (only shows part of her hand). How do I keep the header image the same size no matter how large the browser window is? I'd be happy even if this means having white bars on either side of the image when viewed in full screen. (side note: I really like how it looks on mobile right now so hopefully the solution won't change things for mobile).

Full screen: not good (header image is cut off)Not full screen: Good

[Adam7]

You might be able to affect this by using some spacers, @JFranck. Try adding the hide app and setting it to only show on the largest size, then adding a spacer to it.

https://www.weebly.com/app-center/hide

[Brandytipper]

There is not an easier way? We edit the pictures to load as is....not with the top snipped off. Your saying I have to re edit every one of my inventory pictures??? Unacceptable from Weebly. 

[Bernadette3]

There's going to be some resizing of the image depending on the screen size and content. Are you editing your store items, though? This thread is specifically referring to the header background image.