JSFiddle - React, Tailwind, and code Playground

by ablay

HTML

<div class="image-wrapper">
    <div class="image">
    </div>
</div>

CSS

.image-wrapper{
    border:5px dotted black;
    display:inline-block;    
    border-radius:45px;/* должен быть чуть больше чем у .image */
    padding:5px;/*для изменения расстояния между рамками регулируем padding */
}
.image{
    border: 5px solid black;
    background:url(http://im3-tub-ru.yandex.net/i?id=350015278-09-72);
    width:150px;
    height:150px; 
    border-radius:40px;
}