如何在背景图像上应用滤镜而不影响其顶部的内容？

Question

 UserID | Score | 
    1   |   6   | 
    2   |   3   | 

h1{
  color:white !important;
}
.bg-innovation{
    background: url("https://blackrockdigital.github.io/startbootstrap-new-age/img/bg-cta.jpg") no-repeat fixed ;
    background-size: cover;
    height: 820px;
    width: 100%;
    position: relative;
    filter: brightness(50%);
}
#innovation .content{
    font-family: 'Catamaran', halvatica , sans-serif ;
    font-size: 70px;
    color: white;
    position: absolute;
    top: 20%;
}

任何人都可以轻松地解释，如何在背景图像上应用CSS过滤器而不影响其顶部的内容。

以下是我正在寻找的屏幕截图

screenshot