* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

백그라운드 이미지 설정 시 이미지가 다 나오게 하고 싶은데 부분 잘라서 나옵니다. 혹시 이럴때 어떻게 해야하나요?

작성한 코드 및 에러 메세지

오류 발생 시, 작성한 코드 전체와 에.back-ground {

    width: 100%;

            height: 300px;

            background-image: linear-gradient(0deg, rgba(0, 0, 0.5, 0.1), rgba(0, 0, 0.5, 0.1)), url('https://p4.wallpaperbetter.com/wallpaper/717/557/85/soccer-son-heung-min-south-korean-wallpaper-preview.jpg');

            background-size: 300px 150px;

            background-position: center 10%;

            background-size: cover;

            color: white;

            display: flex;

            flex-direction: column;

            align-items: center;

            justify-content: center;

}러 메시지를 첨부해 주세요.

Tip 1) </> 아이콘을 눌러 코드박스를 만들어 보세요.

Tip 2) Ctrl+A(맥의 경우 Command+A) 단축키로 코드를 한 번에 선택할 수 있어요!