Twenty twenty theme, ander background image op mobile devices

Hallo,

Het ingestelde achtergrondbeeld op de website met het thema Twenty Twenty ziet er goed uit op een desktop. Maar op een kleiner scherm, wordt het beeld ook kleiner en dus gedetailleerder. Hoe kan ik dit aanpassen voor kleine schermen? Ik heb de volgende css geprobeerd:

@media screen and (max-width: 478px) {
.entry-content {
background-image: 200%;
}
}

Het beeld dus groter proberen te laten zien op een kleiner scherm. Ook heb ik geprobeerd te verwijzen naar een ander beeld:

@media only screen and (max-width: 478px){
body {
background-image: url(http://www.dedocumentairefotograaf.nl/achtergrond-mobile/);
}
}

Maar er gebeurt niets. Heeft iemand advies?

De pagina waar ik hulp bij nodig heb: [log in om de link te zien]