JSFiddle - React, Tailwind, and code Playground

HTML

<div class="indian">
    <div class="round">
        <img src="http://orig07.deviantart.net/b7df/f/2010/265/b/4/pink_and_blue_clouds_500x500_by_prodigy42-d2zaii3.jpg">
    </div>
</div>

CSS

.indian {
  border: 30px solid #40c4c8;
  padding: 20px;
  border-image-source: url(http://img-fotki.yandex.ru/get/9754/5091629.9a/0_7eb4a_a1904500_L.png);
  border-image-slice: 70;
  border-image-repeat: round;
  display:inline-block;
 
}
.round{
border-radius: 50%;
overflow:hidden;
width:310px;
}
img{
  width:100%;
}