body{
background:grey;
margin:0;
padding:0;
}
#temp {
background-image: url('imageimg.png');
background-repeat: no-repeat;
background-size: cover;
height: 50px;
}
.container {
position:absolute;
top:0;
z-index:50;
color:red;
}
.random_text {
margin-left:100px;
}
#abs {
margin-left:50px;
margin-top:20px;
}
#temp:hover, .container:hover + #temp {
filter:brightness(50%);
}
<div style="position:relative;margin-top:20px;">
<div class="container">
<button id="abs">Hello</button>
<span class="random_text">Lorem Ipsum</span>
</div>
<div id="temp"></div>
</div>