Проблема с background фоновым изображением
<body>
<header class="welcome">
<div class="container-fluid">
</div>
</header>
@import "nullstyle.scss";
.welcome {
height: 770px;
background-image: url(../img/bg.png);
background-repeat: no-repeat;
background-size: cover;
}
Пробовал уже разные способы для постановки изображения. Все свойства background-size, в перемешке с height и widht и всего лишь не могу растянуть 200 пикселей вперед, чтобы это было адаптивно. Что я делаю не так? Или изображение маленькое как его вообще под разрешению 2к + вставлять? А если разрешение меньше то вообще никак не получается его сделать резиновым. Вот что происходит на экране в 2 случаях: https://imgur.com/a/ErUGsVA (не смог просто залить)