background-size: cover;
@media (max-width: 1919px) and (min-width 1200px){
.container-fluid{
padding-left: 8.33333333%;
padding-right: 8.33333333%;
}
}
.header {
background: url(../img/Logo.png) top 300px left 150px no-repeat, url(../img/BG.jpg) no-repeat, url(../img/phon.jpg) top / cover no-repeat;
height: 757px;
}
т.е там где у вас указана позиция для лого там добавляете значение в пикселях или меняете на другие позицию, например с top на center и left на centerб в этом случае ставиться просто один раз center <figure></figure>
height: 100%
, а картинке такие свойства width: 100%;
object-fit: cover;
object-position: top center;
height: 100%;
<div class="popup popup--one" id="one">Чат</div>
<div class="popup popup--two" id="two">Чат</div>