JSFiddle - React, Tailwind, and code Playground

by vaff

HTML

<img src="http://placekitten.com/g/400/400" alt="">

CSS

img {
            height: 400px;
            width: 400px;    
            display: block;
            margin: 50px auto;    
    
            background: #000;
            padding: 1px;
    
    -webkit-border-radius: 30px 0 30px 0; /* Saf3-4, iOS 1-3.2, Android ≤1.6 */
            border-radius: 30px 0 30px 0; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, iOS 4, Android 2.1+ */
            border: 30px solid #f1f1f1;
    
    /* useful if you don't want a bg color from leaking outside the border: */
    -webkit-background-clip: padding-box; 
       -moz-background-clip: padding; 
            background-clip: padding-box;
    }