HTML CSS使用边框半径属性自定义框

我想用CSS和HTML自定义这个形状。它是相同的梯形，有一些倒边界半径。我如何定制它？这是这样的图像

---

提前谢谢你

这将帮助您理解CSS的梯形形状

#梯形{
位置：相对位置；
背景：红色；
宽度：20vw；
高度：12vw；
利润率：8vw 0；
}
#梯形：之前，
#梯形：之后{
内容：''；
位置：绝对位置；
左：0；
宽度：100%；
身高：100%；
背景：继承；
变换原点：100%0；
变换：歪斜（-20度）；
}
#梯形：之前{
变换：歪斜（20度）；
}

请参见