Problem mit responsive Bilddarstellung auf S4

Für das Logo-Bild ist bei einer Bildschirmbreite kleiner 480px eine Breite von 100% definiert:

/* Bildschirmbreite kleiner 480 px */
@media (max-width: 480px) {

    /* ... */

/* Logo */
#logo img {
	width: 100%;
}

    /* ... */

}

Das bedeutet, dass das Logobild dann (nur) genauso breit ist wie das Elternelement.

Ähnliches könntest du für Bilder der Klasse "bild-links-text" festlegen, wobei ich dann allerdings max-width statt width definieren würde, damit kleinere Bilder nicht hochskaliert werden:

/* Bildschirmbreite kleiner 480 px */
@media (max-width: 480px) {

    /* ... */

img.bild-links-text {
	max-width: 100%;
}

    /* ... */

}

Die width und height Angaben im style Attribut der Bilder sollten dann aber entfernt werden:

<img alt="" class="bild-links-text" src="Workshop/Bikes/MTB-Pedelc-1.jpg" style="height: 268px; width: 396px">

... sonst nimmt der Browser weiterhin die feste height Angabe, womit das Bild bei kleineren Bildschirmgrößen verzerrt wird

Ich habe die Änderungen durchgeführt. Das Bild wird jetzt auf dem S4 richtig dargestellt. Der Text hinter dem Bild rutscht aber dadurch weiter nach unten. Was muss hier noch geändert werden?
Für den Test heißt die CSS jetzt: <link href="css/responsive-hauptseite-inhalt-1.css" rel="stylesheet">

http://www.fahrrad-workshop-sprockhoevel.de/Radon-6.0-Hinterradantrieb.html