如何防止图像从带有背景图像的div继承过滤器属性？

Question

我有两个要素：一个带有背景图像的div和一个img（徽标），我需要将它放在第一个（垂直对齐）的中间。 这是HTML部分：

<div class="srvc_image" style="background: url('img/mainslide_005.jpg') center center no-repeat; background-size: cover;">
    <img src="img/logo_no_text.png" class="logo_srvc">
</div>

CSS如下：

.srvc_image {
display: inline-block;
border-radius: 100%;
width: 75%;
height: 330px;
vertical-align: middle;

-webkit-filter: brightness(70%);
filter: brightness(70%);
filter:url('../css/filtazz.svg#brightness');
}


img.logo_srvc {
position: absolute;
top: 50%;
left: 40%;
width: 80px;
height: 80px;
margin-top: -40px;
margin-left: -40px;
}

我需要徽标不继承包含div的亮度（或任何内容），但无法弄清楚如何实现它。

提前致谢！