В чем проблема? Внешне разницы никакой.
.portrait {
width: 275px;
height: 275px;
margin: auto;
border: 50px solid transparent;
border-radius: 50%;
background-clip: content-box;
background-color: rgba(255, 255, 255, 0.4);
background-image: url("img/eye-patch.svg"), url("img/keks-2.jpg");
background-position: 35px 35px, center;
background-size: 80px, cover;
background-repeat: no-repeat;
border-image-source: url("img/rope-frame.png");
border-image-slice: 18% fill;
}
UPD: Проблема решилась. Убрала из кода background-color.