Problem with correct Background not displaying properly on all pages

I downloaded a website template that utilizes a style.css to place a particular image for the background image. I replaced the original default image with the image I want it to display.  That is the only code I changed. It works on Two of 20 pages.  The original image has been deleted and is no longer in the image folder. I named the new image a totally new name which i used to change in the .css file.  However, when I first launch the webpages the background flashes with the correct image and then reverts back to the original image that  no longer exists.  I have cleared my brower history but it still only works for the two pages.  

Also, please note it is the same for both in Dreamweaver preview and Chrome Browser. I also, tried viewing in Edge and I had the same result. 

Here is the new code in the style.css file:

/*MAIN BACKGROUNDS*/
.body_pattern { background:#fff url("../images/Background2.png") repeat top center;/* position:fixed; top:0; left:0; width:100%; height:100%;/**/}

I changed from "../images/bg_2.png" to "../images/Background2.png"

It works properly on the contact.html page

But Reverts back to the original image on the index.html