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>