将掩码应用于CSS中的父元素，但没有结果

我是新的面具，可以找到很少的在线帮助。。。我通过制作灰度JPG并将其应用于父容器来设置掩码。我希望容器中的所有内容都根据JPG的白/黑像素进行遮罩，但在应用遮罩后，我没有得到任何更改

以下是CSS：

.site-branding {
position: absolute;
height: 100vh;
width: 100%;
-webkit-mask-image: url('media/masks/catchphrase-mask.jpg');
mask-image: url('media/masks/catchphrase-mask.jpg');
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
}

以下是网页：

---

这个想法是小角色和动画文本应该从弧线下向上滑动。所以我需要遮住它们直到它们到达屏幕的上半部分。谢谢你

只是用透明的图像工作，它考虑透明/非透明，而不是黑色/白色的你！！真不敢相信我为此挣扎了这么久。我现在保存到PNG具有透明度和IT工作。只使用透明图像的掩码工作，它考虑透明/非透明，而不是黑色/惠特曼！真不敢相信我为此挣扎了这么久。我现在保存到PNG的透明度和它的作品。