如何弯曲具有透明度的背景CSS？

Question

我想这样做：

在上面的照片中，有一个金条边框和一个蓝色渐变背景。项目的名称是动态的，这意味着有些名称简短，有些名称很长。

您知道如何使用HTML和CSS做到这一点吗？

我已经看到了这个问题：need to make curve line using css

但是这个问题不能解决我的问题。