창을 줄이면 위치가 이동되는 백그라운드 이미지

배경이미지가 요소의 너비에 따라 움직이는건 정상입니다.
아마도 background-position: center right 라고 주었을거에요. 그러니까 부모요소의 너비가 줄어들더라도 오른쪽에 위치하는 부분은 정상입니다.

모바일 상태에서 배경이미지를 다른 것으로 사용하시려면 미디어쿼리 구간에 모바일에 맞는 배경이미지로 바꿔주거나 사용된 배경이미지를 사용하지 않고 배경색상만 사용하시면 됩니다. 완성본과 강의에도 모바일의 경우 사용된 배경이미지를 사용하지 않고 색상만 사용했습니다.