如何在不使用图像的情况下创建弯曲的半透明背景？

Question

我需要在 CSS 中创建一个类似于此图像的半透明背景：

老实说，我什至不知道从哪里开始 - 显然 rgba(0,0,0,0.7) 会在这里发挥作用，但我不确定我需要注意什么才能开始。有边界半径的东西？我似乎找不到任何其他与此类似的问题来了解从哪里开始...