Html 如何在css3中制作此椭圆形

如何使图像中的这个椭圆像？

使用伪元素

div{
位置：相对位置；
宽度：556px；
身高：363px；
背景：url(https://i.stack.imgur.com/gHNBX.png);
背景：封面；
溢出：隐藏；
}
div：：之后{
内容：''；
位置：绝对位置；
顶部：165px；
左-45%；
宽度：180%；
身高：200%；
背景：rgba（255,0,0,0.7）；
边界半径：50%；
}

---

您能在我提供给您的相同图像中执行此操作吗？

width: 100%;
    height: 200px;
    background: #5e2424;
    -moz-border-radius: 100px / 50px;
    -webkit-border-radius: 100px / 178px;
    border-radius: 694px 208px 0px 0px;
    z-index: 100;
    position: relative;
    top: -199px;
}