防止两个div不透明度在CSS中重叠

Question

我试图用CSS

制作这个形状

我设法通过重叠两个div来获得我想要的形状，但正如您所看到的，当我降低元素的不透明度时，重叠区域变得可见。

有没有办法防止元素不透明度重叠，给人的印象是它是一个坚实的片段＆＃34; ？

如果没有，我该如何制作这个形状？

谢谢！