Bottom Image Keep Centered?

That had no effect what-so-ever.

can you send us snapshot of that

the screenshots are 100% 90% and 75% and this is also what happens when the site is viewed on a large wide screen

1. remove bag from original image
2. create totally transparent second image having only bag in right , let say image name is bag.png
3. Modify background property like this:

background: url(../images/bottom_bg.png) no-repeat,url(../images/bag.png) no-repeat 100% 100%;

That does not work because the 2nd image does not even show up at all.

This worked:

.seafloor {
background: url(../images/bottom_bg.png) center no-repeat;
padding-top: 120px;
}