Рамки и фоны, часть 2 / Испытание: морской волк [24/33] - 98%

Здравствуйте! На удивление сложно дался мне курс “Рамки и фоны”. Много времени потратил на это испытание, осталось 2% и никак не выходит разобраться. Прошу намекнуть на то, в какую сторону думать, чтобы выполнить задание на 100%.

/* 
Пути к изображениям

img/rope-frame.png
img/keks-2.jpg
img/eye-patch.svg

*/

.portrait {
    width: 275px;
    height: 275px;
    margin: 0 auto;
    border: 50px solid;
    border-image-source: 
    url("img/rope-frame.png");
    border-image-slice: 90 fill;
    border-radius: 50%;
    background: url("img/eye-patch.svg") 85px 85px no-repeat,
    url("img/keks-2.jpg") center no-repeat;
    background-size: 80px, 195px;
    background-origin: border-box;
    background-clip: padding-box;
}
1 лайк
1 лайк

background-size: 80px, cover;

Что значит cover?

Это одно из свойств background-size, как, например, и contain. Оно растягивает картинку на весь фон, при этом обрезая лишнее. Дойдя до этого испытания, Вы должны были это уже знать.