Background image CSS

Question

Why isn't my image starting from the top? Seeing vertically, my image is starting from the middle. Why's that happening and how to avoid it?
https://code.sololearn.com/WA75rW12je4G/?ref=app

Answer 1

remove the background-position property

Answer 2

Because the height of the image is less than the page height, so the image is repeated to cover all the page

Answer 3

Gordon yeah it's working, tnx. Can you help me to centre it horizontally, but stay the same vertically?

Answer 4

Gordon thank you very much =)

Answer 5

Muhammad yeah I know that. My question is why my image is starting to repeat from middle? It should've started to repeat from the top right? In other words, the girl's face should've been visible before her hand

Answer 6

background-position: 50% 0%;

first percentage is horizontal

second percentage is vertical

https://code.sololearn.com/WDXq9AHAezWa/?ref=app

Another combination: center top

https://code.sololearn.com/Wz7lwtxVf3Gn/?ref=app