프로필에 쓸 이미지 파일보다 설정한 width, height값이 작을 때 border가 잘려서 나타나는 문제가 있습니다.

저는 제가 설정한 width, height에 따라 원본 이미지가 크거나 작을 경우, 자동으로 맞춰서 잘리는 부분 없이 전체가 표현되었으면 하는데

방법이 있을까요? (아래 사진 보시면 border 위아래 부분이 잘렸습니다. 이미지 원본이 크기가 더 큽니다)

 .profile {
            width: 300px;
            height: 71px;
            background-image: url('Original on Transparent.png');
            background-position: center;
            background-size: cover;
        }