<section class="bk-img">
<div class="container">
<h1>Develop a passion for <br>learning new things</h1>
<p>Was certainly remaining engrossed applauded sir how discovery. Settled opinion <br> how enjoyed greater joy adapted too shy. Now properly surprise expenses</p>
<section>
<form>
<input type="text" class="search" placeholder="Search courses">
<button type="submit" class="btn">
<i class="fas fa-search"></i>
</button>
</form>
</section>
</div>
</section>.bk-img{
height: 100%;
background: url(images/slide_1.jpg) no-repeat ;
background-position: cover;
margin-top: -5%;
}
.bk-img:after{
background: #000 no-repeat scroll 0 0;
content: "";
height: 100%;
opacity: 0.7;
position: absolute;
width: 100%;
}
.container{
display: flex;
flex-direction: column;
justify-content: center;
color: white;
z-index: 1;
}
.bk-img{
display: flex;
justify-content: center;
align-items: center;
}
В МЕДИА для max-width: 1366px переопределил:
.bk-img{
height: 100%;
width: 100%;
position: relative;
top:-10%;
background-position: top;
}