如何让背景图像“穿透”文本的字母

<style>
    .text-container {
        background-image: url("背景图像的URL");
        background-size: cover;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 300px;
    }

    .text {
        font-size: 100px;
        color: white;
        mix-blend-mode: screen;
    }
</style>

<div class="text-container">
    <h1 class="text">穿透文本</h1>
</div>