background-size 의 100%, cover, contain 차이점

100%: 요소와 동일한 크기로 배경 이미지를 보여준다. (이미지 왜곡될수 있음)
cover: 요소에 이미지를 최대한 크게 보여준다. ( 이미지가 잘리수 있음)
contain: 요소에 이미지를 최대한 크게 보여주되 잘리는 부분이 없고 동일한 비율을 유지한다.