Background position Moves with width change

[nextdev]

Im trying to change the width of my white background that is behind my image. But for some reason when I change the width it moves the whole thing to the left. How do I change the size of the background color without moving it to the left

zYpxwoP

Edit: I solved it by changing the margin instead

[ALLESS]

FIRST: Try fixing this:

The # is missing from the id #img in the CSS:




SECOND:
I’m seeing the image breaking out of the box to the right.

This can be corrected by:

• fixing the missing #
• Adding a relative width:
  Like adding a max-width: 100%;
  and removing the height:400px.

#img {
  border-radius: 50%;
  border-style: solid;
  border-width: 3px;
  max-width:100%;
}

SO, WE END UP WITH THIS:

[nextdev]

Thank you! That really helped my 'img 'fill out nice.