Почему картинка ведет так странно?

Question

[Wilt]

Ребят, как можно вот так картинку поставить ( фоном), что только не пробовал, при уменьшении размера экрана, картинка сжимается, и выше нее отступ получается, при увеличении экрана, картинка просто начинается обрязаться. Т.е. она не подстраивается под экран :с Картинка 4к на 4к, но даже при contain , она просто становится маленькой ..
Сама картинка:

Вот что я делаю:
Просто не понимаю, что не так с ней!

Answer 1

[Ankhena]

Вам нужно:
(наверное)

background-position: center bottom; 
background-size: cover;

И плюс отрезать от самой картинки лишние верхние и нижние поля либо компенсировать их через bg position. Но поскольку вы хотите адаптив, то проще отрезать, чем считать проценты.

Еще, опять таки, потому что вы хотите адаптив, нужно сделать несколько картинок и менять их через @media, чтобы не грузить на мобилках 4к картинку.