Bannière ne s'affiche pas comme voulu

bonjour,

je m'appuie sur une maquette de site qui devrait permettre d'afficher une bannière avec une image plutôt vers le milieu de la page et à droite.
L'image en pièce jointe est le résultat du code ci-après (dans un fichier css)
Est ce que quelqu'un peut m'aider à mettre l'image visible, à droite, à un tiers du haut de la page. Là elle n'est visible qu'un peu et prends toute la largeur de la page.

Merci pour toute idée, bien à vous

Andrew

#banner {
  height: 500px;
  background: url("blocs_dark_sky.jpeg") no-repeat #eee;
   background-size: 40% 40%;
  background-position: top 100px right 20px;
}