parallax images resize differently in fiefox?

Hi there,

I'm seeing the same thing across all browsers. This is from FireFox:
http://www.screencast.com/t/qVYfaOz0

I think the issue here is that you are using full width container but the background images isn't big enough so it's zoomed in:
http://earthsharing.org/files1/wp-content/uploads/2018/05/wind-turbines-2-web.jpg

Let me know if this helps.

Thank you

Hi Its still zooming in now the image is 3000x833/
http://earthsharing.org/files1/wp-content/uploads/2018/05/wind-turbine-big-crop-3000x833-web.jpg

How do you stop it zooming in?

This has the same header and shows correctly?
http://earthsharing.org/natural-resources/
I cleared the cache local as well as Cloudflare?

The page that's not working is still loading the original small image.

So I cleared all the caches in different browsers many times loaded it with a different header. Then made a new header with the bigger image but it still seems to revert to the old image???

I made a new page
http://earthsharing.org/usa-natural-resources/

changed the old one with exactly the same settings to old
http://earthsharing.org/usa-natural-resources-old/

There is something in that page that will not change?

Clearing browser cache won't work. Any plugin or server cache?

This site is now working and showing the new image: http://earthsharing.org/usa-natural-resources-old/

Try removing the CSS you've added:

.page-header-content {
    background-attachment: fixed;
    background-position-y: 0px!important;
}

Ah its my css that is the problem.

What CSS can you suggest to make the parallax image stationary?

So you don't want parallax? If so can you disable parallax first?