我已将 svg 蒙版应用于使用 Gutenberg 封面块创建的 mp4 视频。问题是 wp-block-cover__inner-container 文本也被 svg 掩盖，但需要出现在其上方。
我尝试使用以下答案来解决我的问题，但我不是专业人士并且无法这样做：如何仅在元素的背景上而不在其子元素上应用蒙版图像？
网址：https ://net0kitchen.com/393-2
CSS：
.waves-video {
mask-repeat: no-repeat;
mask-position: center center;
-webkit-mask-image: url(https://net0kitchen.com/wp-content/uploads/2021/07/netzerokitchen-–-doughnut-01-1.svg);
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center center;
}
.doughnut-text {
text-align: center;
padding: 20px;
margin: auto;
background: red;
color: white;
}
非常感谢任何帮助。
