JSFiddle - React, Tailwind, and code Playground

by Ramkumar Pillai

HTML

<body bgcolor='000'>
<div id='outer'>
    <div id='inner'>
        <div id='box'>
        </div>
    </div>
</div>
</body>

CSS

#outer{
    height:150px;
    width:300px;
    background: blue;
    border-top: 0px;
    border-radius: 50px;
}

#inner{
    height:120px;
    width:300px;
    background: #fff url('https://wallpaperscraft.com/image/tomatoes_cucumbers_peppers_vegetables_70968_300x120.jpg');
    border-radius: 20px 20px  50px 40px;
}