JSFiddle - React, Tailwind, and code Playground

HTML

<span class="image-wrap"><img src="http://webdesignerwall.com/demo/css3-image-styles-part-2/images/image-1.jpg"  alt="" style="width:200px"><span class="image-border"></span></span>

CSS

body{padding:10px}
.image-border {
     position:absolute;
     display:block;
     width:100%;
     height:100%;
     top:-1px;
     left:-1px;
     -webkit-border-radius: 7px;
     -moz-border-radius: 7px;
     border-radius: 7px;
     
 }
 .image-wrap {
     display:inline-block;
     zoom:1;
     position:relative;
     height:auto;
     width:auto
 }
 
 .image-wrap img {
     vertical-align: bottom;
 
     -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
     -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4);
     box-shadow: 0 1px 2px rgba(0,0,0,.4);
 
     -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
     border-radius: 6px;
 }