anpassungsfähiges Hintergrundbild in Intro mit Login einfügen

[Graziana]

Ich möchte ein Hintergrundbild in mein Intro mit Login einfügen, dass auf die Displaygröße reagiert.
Das Hintergrundbild wird aber leider nicht angezeigt, die Datei ist im Ordner der style.css abgespeichert, wo liegt hier der Fehler?

<!-- Private Area.Login: START -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style type="text/css" rel="stylesheet">

h1 {
position: fixed;
top: 82%;
left: 28%;
}

h2 {
Position: fixed;
Top: 81.5%;
Left: 37%;
}

h3 {
Position: fixed;
Top: 82%;
Left: 48%;
}

h4 {
Position: fixed;
Top: 81.5%;
Left: 54.5%;
}

h5 {
Position: fixed;
Top: 80.5%;
Left: 65%;
}

</style>

<div style="background-image:url(Intro (1).jpg), width: 200px, height: 200px">
</div>

<div id="imLogin" style="width: 100px">
<form method="post" action="imlogin.php" onsubmit="_jq(this).attr('action', x5engine.settings.currentPath + 'imlogin.php'); return (x5engine.utils.isOnline() || !x5engine.utils.showOfflineMessage(x5engine.l10n.get('blog_offline_message')));">
<h1>
<div class="imLoginBlock" style="width: 100%;">
<label for="imUname"><span style="font-weight: normal; font-style: normal;font-family:Berlin Sans FB; font-size:14pt; color: #FFFFFF">Benutzername:</span></label>
</h1>
<h2>
<input type="text" name="imUname" id="imUname" style="font-weight: normal; font-style: normal;border: 1px solid #ccc; font-family:Berlin Sans FB; font-size:14pt; background-color: #FFFFFF; color: #000000; width: 100px"><br />
</div>
</h2>
<h3>

<div class="imLoginBlock" style="width: 100%;">
<label for="imPwd"><span style="font-weight: normal; font-style: normal;font-family:Berlin Sans FB; font-size:14pt; color: #FFFFFF">Passwort:</span></label>
</h3>
<h4>
<input type="password" name="imPwd" id="imPwd" style="font-weight: normal; font-style: normal;border: 1px solid #ccc; font-family:Berlin Sans FB; font-size:14pt; background-color: #FFFFFF; color: #000000; width: 100px">
</div>
</h4>
<h5>
<div class="imLoginBlock" style="width: 100%; margin-top: 5px; text-align: center">
<input type="submit" value="Eingabe" class="imLoginSubmit" style="font-weight: normal; font-style: normal;border: 1px solid #ccc; background-color: #DDDDDD; font-family:Berlin Sans FB; font-size:14pt; color: #000000">
</div>
</h5>
</form>
</div>

<!-- Private Area.Login: END -->

 

[bdt600]

Auf Dateinamen wie Intro (1).jpg würde ich grundsätzlich verzichten. Alles Kleinbuchstaben und keine Sonderzeichen ist meist problemloser.