[Помогите] Помогите с адаптацией @media

Не получается поместить правильно изображение с помощью
@media screen and (max-width: 640px) {
body {
background-image: url(изображение с точным размером 640/960);
}
}
картинка не подходит под полный размер экрана, делится на 2 куска.
Я ТОЛЬКО ОБУЧАЮСЬ не судите строго, лучше подскажите что делаю не так!?

 

Ну для начала было бы не плохо использовать
background-size:
background-position:
background-repeat:

И вы уверены, что картинка размером меньше размера экрана - это хороший вариант для того, чтобы подгонять её под полный размер экрана?

 

Ну я не уверен чо делаю правильно.
Мне нужно сделать адаптацию по точной картинке без сжатий (для этого я подгонял точно по размеру экрана)
По началу я создал медиа запрос по размеру 1600/1200, но когда я создал запрос на 640/960, то работает только 640/960, а 1600/1200 не видит вообще

 

Надо прописать и 640/960 и 1600/1200 в каскадных стилях соответственно.