Please check updated code
.curv{
width: 800px;
margin: 0 auto;
position: relative;
padding-top: 100px;
overflow: hidden;
}
.curv:before{
background: #333;
height: 200px;
left: -20px;
right: -20px;
top: 10px;
content: '';
position: absolute;
border-radius: 100% 100% 0 0;
}
.holder{
height: 200px;
background: #333;
position: relative;
z-index: 9999;
}
<div class="curv">
<div class="holder"></div>
</div>
3
solved Rectangle with curved sides [closed]