Position de l'image CSS/focus

Question

Je construis un site web et l'image que je veux mettre dans l'arrière-plan que je ne peux pas mettre dans la position que je veux.

Je souhaite que le 'focus' de l'image sur la page Web soit de quelques px jusqu'au centre de l'image. La largeur je peux tout voir, mais la hauteur non. La résolution d'image est 5760x3840px. Donc, j'ai ce code CSS pour les paramètres de l'image.

.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; 
}