[CSS] flex items의 img 크기조절

flex item 안에 html로 img값이 들어갈때 width값을 주면 이미지의 비율이 깨진다.

이때는 추가속성으로 object-fit: contain을 넣어주면 비율이 맞춰진다.

.header {display: flex;}
.header img { width: 500px; object-fit: contain; }

+추가
flex로 정렬+원본 비율 유지해야 하는 이미지 같은 경우 div로 요소의 크기 위치를 맞춘 후 background-img를 사용하는게 나은듯하다. (background 이미지로 주면 원본 비율을 유지한다)