강의 중 overflow:hidden;에 관한 질문드립니다.

3개의 문2 강의 8:13에 .door-back 에 overflow: hidden;을 작성하셨는데요. 이미지가 해당 영역 밖으로 나갔을 때, 보이지 않게 하게 하기 위해서였죠.

그런데,  여기서 position: absolute;을 안 주면, 다음과 같은 상황이 발생하는데요. 

아마, 제 생각에는 door-back 상위의 영역 ( 부모나 조부모 영역 )으로 넘어가면, overflow: hidden;이 더이상 적용이 안 되서 이런 현상이 발생하는 거 아닌가 하는 추측을 해봅니다.

그런데, 이 상황을 position: absolute;를 넣어주면, 완벽하게 해결이 되네요. 어떻게, absolute가 이 현상을 방지하는지 궁금합니다.

혼자 이해해보려고 했지만, 도저히 모르겠어서 질문드립니다. 감사합니다.