内容隐藏在背景中

Question

晚上好

我有问题。 我的背景使其他班级隐藏着内容，但我不知道该如何解决。我已经尝试编辑z-index和其他内容，但是它不起作用。到目前为止，这是我的代码：

html：

<div class="content">
    <h2>Test</h2>
        <div class="bg-image"></div>
</div>

css：

.bg-image {
    background: url("https://images.pexels.com/photos/270360/pexels-photo-270360.jpeg?cs=srgb&dl=business-code-coding-270360.jpg&fm=jpg");
    background-size: cover;
    position: fixed;
    height: auto;
    width: 100%;
    min-height: 100%;
    min-width: 1024px;
    top: 0;
    left: 0;
    z-index: 0;
    background-attachment: fixed;
    filter: blur(2.5px);
}

    .content {
        background-color: rgba(19, 23, 16,0.5);
        width: 90%;
        margin: 20px auto 20px auto;
        height: 800px;
        z-index: 1;

    }

谢谢。

亲切的问候， 餐具