asdf

src/components/home/Insights.astro

@@ -69,11 +69,11 @@ const m = ui.insights.mention;
     height: 100%;
   }
   .insights__card:hover h3 { text-decoration: underline; text-decoration-thickness: var(--hairline); text-underline-offset: 0.12em; }
-  .insights__img, :global(.insights__img) { width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; margin-bottom: var(--space-2); }
+  .insights__img, :global(.insights__img) { width: 100%; height: auto; aspect-ratio: 4 / 1; object-fit: cover; object-position: 50% 15%; margin-bottom: var(--space-2); }
   .insights__card h3 { max-width: 18em; }
   /* No picture: a colour field carries the source in large type. */
   :global(.insights__panel) {
-    aspect-ratio: 3 / 2;
+    aspect-ratio: 4 / 1;
     margin-bottom: var(--space-2);
     font-size: var(--step-title);
     line-height: var(--leading-title);

src/components/home/Quote.astro

@@ -160,6 +160,7 @@ const quoted = (text: string) => (lang === 'de' ? `„${text}“` : `“${text}
   .quote__controls {
     position: absolute;
     inset: auto 0 0 0;
+    z-index: 2; /* above the portrait, which on narrow screens starts right below the bar */
     display: flex;
     gap: var(--space-1);
   }