JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
    <div class="img"> 
        
    </div>      
</div>

CSS

.wrap{
    width:210px;
    margin-left:30px;
    border:1px solid;
    position:relative;
}
.img{
    width:140px;
    height:140px;
    border-radius:50%;
    margin-left:20px;
    background:url(http://i67.fastpic.ru/big/2014/1115/44/9d9f88a7c3b257828420567baeb60f44.jpeg) 0px -40px no-repeat;
}
.img:before{
    content:"";
    display:inline-block;
    width:16px;
    height:83px;
    background:url(http://i65.fastpic.ru/big/2014/1115/05/26ac5bcf5f4a15f1e3e53e980d70d705.png) 0 0  no-repeat;    
    position:absolute;
    left:0;
    top:30px;
}
.img:after{
    content:"";
    display:inline-block;
    width:29px;
    height:85px;
    background:url(http://i65.fastpic.ru/big/2014/1115/96/f7711b8cedac6cb9d4651e866273b196.png) 0
       0  no-repeat; 
    position:absolute;
    right:10px;
    top:30px;
    
    
}