box-shadow와 border-radius를 각각 다른 요소에 주면
하단 이미지와 같은 오류가 생긴다.
box-shadow 효과를 자연스럽게 주려면,
전체적인 내용을 감싸는 부모 요소에
box-shadow와 border-radius를 같이 부여하면 하단과 같은 오류가 생기지 않는다.
overflow: hidden;
flex: 100%;
box-shadow: 10px 8px 13px 0px rgb(0 0 0 / 15%);
border-radius: 10px;