css 画一个文字镂空

<div class="background-clip">蔡文姬蔡文姬......</div>

        .background-clip {
            width: 677px;
            height: 388px;
            background: url(caiwenji.jpeg.jpeg);
            font-size: 12px;
            font-weight: 600;
            background-size: cover;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }