CSS Положение изображения/фокус

Question

Я создаю веб-сайт и изображение, которое я хочу поместить в качестве фона, я не могу поставить его в нужное положение.

Я хочу, чтобы «фокус» изображения на веб-странице составлял несколько пикселей до центра изображения. Ширина я могу видеть все, но высота нет.

Разрешение изображения: «5760x3840px».

Итак, у меня есть этот код css для настроек изображения.

.topwidget{ 
    max-width: 100%; 
    height: auto; 
    background-image: url(../images/welcome_banner_bg.jpg); 
    background-repeat: no-repeat; 
    background-size: 100%; 
    background-position: bottom 1000px; 
    margin-bottom: 20px; 
    padding: 50px 0; 
} 

Answer 1

Try this 
.topwidget{ 
    max-width: 100%; 
    height: auto; 
    background-image: url(../images/welcome_banner_bg.jpg); 
    background-repeat: no-repeat; 
    background-size: 100%; 
    **background-position: center 10px;** 
    margin-bottom: 20px; 
    padding: 50px 0; 
}