ブラウザが小さくなったら画像を調整するには？

Question

ブラウザの幅が小さくなると常に手が表示されるようにします。

しかし、ブラウザの幅が小さくなると、手が表示されなくなります。

https://codepen.io/anon/pen/GWdEVR

<header> 
    <div class="image"></div> 
</header> 

html, body { 
    height: 100%; 
} 

* { 
    margin: 0; padding: 0; 
} 

header { 
    height: 70%; 
} 
.image { 
    height: 100%; 
    width: 100%; 
    background: url("https://dl.dropboxusercontent.com/s/er5sypbyluenzco/Its%20ok.jpeg")no-repeat 0em -8em; 
} 

Answer 1

私は手が右側にあり、センターないしたい場合は、あなたのbackgroundプロパティに

.image { 
    height: 100%; 
    width: 100%; 
    background: url("https://dl.dropboxusercontent.com/s/er5sypbyluenzco/Its%20ok.jpeg")no-repeat center -8em; 
}