Как сделать фоновое изображение подходящим? [дубликат] ⇐ CSS

[Anonymous]

Как сделать фоновое изображение подходящим? Размер моего изображения – 1920 x 750.
Ожидание


Вот что я получаю
< img alt="Фактический результат" src="https://i.sstatic.net/xVERrYBi.png" />
Мое изображение обрезается
и я пробую с помощью background-image: contains; и получаю:

Код: Выделить всё

.banner1 {
background: url('https://picsum.photos/1000/300');
background-repeat: no-repeat;
min-height: 750px;
width: 100%;
display: flex;
flex-direction: column;
color: #FFFFFF;
justify-content: end;
padding: 8% 5%;
align-items: end;
background-size: cover;
background-position: center;
h5 {
font-weight: 700;
font-size: 50px;
}
span {
font-family: 'Lato', sans-serif;
font-weight: 400;
font-size: 23px;
}
}

Код: Выделить всё

Test1
Test1 subtitle
Discover More


Test1
Test2 subtitle.
Discover More


Test3
Test3 subtitle
Discover More

Подробнее здесь: https://stackoverflow.com/questions/786 ... e-good-fit