JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
        
        <div class="image">
            <img src="http://alpatriott.ru/works/opera-radius/yellowfon.png" alt="">
        </div>
        

      </div>

CSS

body{
background:#fff;
margin:0;
padding-top:20px;
}

.wrap{
margin:0 auto;
width:700px;
}


.image{
border-radius:1315px;
}

img{
display:block;
border-radius:15px;
position:relative;
}


img:after{
position:absolute;
top:0;
left:0;
content:'';
width:100%;
height:100%;
box-shadow:0 0 25px 0px #222, 0 0 0 1px #000, 0 0 0 6px #fff;/*первая тень задает черную рамку вокруг изображения, вторая скрывает углы*/
border-radius:255px;
}