Добавить границу изображения в круговой div

Question

Я хочу установить изображение вокруг круглого div в качестве границы. Круглый div создается border-radius:50%,

CSS:

.circ {
 border-radius: 50%;
 border: 15px solid transparent;
 padding: 15px;
 border-image-source: url(border.png);
 border-image-repeat: round;
 border-image-slice: 30;
}

HTML:

<div class="circ"></div>

Это мой div:

ht tps://stackru.com/images/854d52c9ac8da3bfa8871663d5bd52206e4a9d7c.png

Граница:

ht tps://stackru.com/images/75acda7ad1f3d6ed3e815736c667143dbc29e065.png

И наконец я хочу это:

ht tps://stackru.com/images/6464436125219c012b1f87718e7229d8bce99734.png