<header>
<img src="img/logo.png" alt="Misocial">
<p class="nameCompany">Misocial</p>
</header>
<style>
header{
position: relative;
}
header::after, header::before{
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
opacity: .5;
}
header::after{
// тут Ваша картинка
}
header::before{
// тут Ваш градиент
}
</style>