Prevent scroll-bar from adding-up to the Width of page on Chrome

Hi. I'm with this problem below

I have a small issue trying to keep my .html pages at a consistent width on Chrome. For example I have a page (1) with lots of contents that overflows the viewport's (right word?) height, so there's a vertical scroll-bar on that page (1). On page (2) i have the same layout (menus, divs,...etc) but less content, so no vertical scroll-bars in there. The problem is that on page (1) the scroll-bars seem to push elements slightly to the left (adding-up to the width?) while everything appears well centered on page (2)

I'm a beginner on HTML/CSS/JS, and I'm fairly convinced that this isn't so difficult, but i had no luck figuring out the solution. It does work as intended on IE10, and FireFox (non-interfering scroll-bars), I only encountered this on Chrome.

The worst thing for me is that when the page is resized, the images also are, and this makes the images lose sharpness.

Here is an example of how the vertical scroll bar makes the images reduce in size and lose the sharpness:

http://marcelomaldonado.com/test/index.html

How to prevent the decrease in page width regardless of the vertical scroll bar in Google Chrome? In IE and Edge this problem does not happen.

Thanks for the assistance !