Update app.py

app.py

@@ -524,6 +524,14 @@ body { overflow-x: hidden !important; }
 .blob-2 { width: 200px; height: 200px; background: var(--coral); bottom: -110px; left: -80px; opacity: 0.85; }
 
 .poster-shell > * { position: relative; z-index: 1; }
+/* Exception: the very first child is the gr.HTML block holding the two decorative blobs -
+   Gradio wraps that call in its own auto-generated ".prose" div, which has no real content
+   of its own (both its children are position:absolute). Left subject to the rule above, that
+   wrapper becomes a new positioning root for the blobs and collapses to near-zero height,
+   which drags both blobs into a thin sliver at the top of the page. Excluding just this
+   first child keeps it out of the flow entirely so the blobs stay positioned against
+   .poster-shell itself, where they were always meant to sit. */
+.poster-shell > *:first-child { position: static !important; z-index: auto !important; }
 
 .brand-row { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; flex-wrap: wrap; margin-bottom: 18px; }
 .brand-word {