streamer.html: Foto-Abschnitt vor den langen Text, Foto komplett sichtbar

- "Warum schauen Menschen zu?" (mit Foto) steht jetzt VOR "Der Mensch
  hinter DogFather" statt danach - Wunsch von Dogi
- Foto war ein Hochkant-Bild (864x1536), wurde aber in eine Querformat-Box
  (aspect-ratio:16/10) gezwungen und dadurch stark beschnitten. Jetzt
  aspect-ratio:auto + width:100%;height:auto -> komplettes Bild sichtbar,
  Box passt sich der echten Bildform an.

streamer.html

@@ -61,6 +61,19 @@
     </div>
   </section>
 
+  <section>
+    <div class="container grid grid-2" style="align-items:center;">
+      <div>
+        <h2>Warum schauen Menschen zu?</h2>
+        <p>Weil hier niemand nur zuschaut, sondern dazugehört. Dogfather ist loyal, witzig, konfliktscheu aber direkt wenn es drauf ankommt — und immer erreichbar für seine Community.</p>
+      <!-- TODO: TODO (Masterplan Block D — Streamformate/Insider): Konkrete Streamformate, wiederkehrende Segmente, Running Gags und Insider-Begriffe werden hier ergänzt, sobald die entsprechenden Fragen aus dem 110-Fragen-Katalog mit Dogi geklärt sind. -->
+      </div>
+      <div class="collage-photo frame-lila" style="aspect-ratio:auto;border-radius:var(--radius);">
+        <img src="assets/img/streamer-highlight.jpg" alt="Dogfather" style="width:100%;height:auto;display:block;" />
+      </div>
+    </div>
+  </section>
+
   <section class="section-tight">
     <div class="container" style="max-width:70ch;">
       <h2 class="text-center">Der Mensch hinter DogFather</h2>
@@ -74,19 +87,6 @@
     </div>
   </section>
 
-  <section>
-    <div class="container grid grid-2" style="align-items:center;">
-      <div>
-        <h2>Warum schauen Menschen zu?</h2>
-        <p>Weil hier niemand nur zuschaut, sondern dazugehört. Dogfather ist loyal, witzig, konfliktscheu aber direkt wenn es drauf ankommt — und immer erreichbar für seine Community.</p>
-      <!-- TODO: TODO (Masterplan Block D — Streamformate/Insider): Konkrete Streamformate, wiederkehrende Segmente, Running Gags und Insider-Begriffe werden hier ergänzt, sobald die entsprechenden Fragen aus dem 110-Fragen-Katalog mit Dogi geklärt sind. -->
-      </div>
-      <div class="collage-photo frame-lila" style="aspect-ratio:16/10;border-radius:var(--radius);">
-        <img src="assets/img/streamer-highlight.jpg" alt="Dogfather" style="width:100%;height:100%;object-fit:cover;object-position:center 28%;" />
-      </div>
-    </div>
-  </section>
-
   <section class="section-tight">
     <div class="container text-center">
       <h2>Mehr sehen</h2>