diff --git a/apps/lookbook/public/images/demo-preview/animated-billboards.png b/apps/lookbook/public/images/demo-preview/animated-billboards.png
index 7664ba85..405b5962 100644
Binary files a/apps/lookbook/public/images/demo-preview/animated-billboards.png and b/apps/lookbook/public/images/demo-preview/animated-billboards.png differ
diff --git a/apps/lookbook/public/images/demo-preview/animated-sprites.png b/apps/lookbook/public/images/demo-preview/animated-sprites.png
index eccea5d7..d107a7dc 100644
Binary files a/apps/lookbook/public/images/demo-preview/animated-sprites.png and b/apps/lookbook/public/images/demo-preview/animated-sprites.png differ
diff --git a/apps/lookbook/public/images/demo-preview/clouds.png b/apps/lookbook/public/images/demo-preview/clouds.png
index 46ee158f..a81ec9b1 100644
Binary files a/apps/lookbook/public/images/demo-preview/clouds.png and b/apps/lookbook/public/images/demo-preview/clouds.png differ
diff --git a/apps/lookbook/public/images/demo-preview/crosses-r3f.png b/apps/lookbook/public/images/demo-preview/crosses-r3f.png
index 10f094d8..136fce2d 100644
Binary files a/apps/lookbook/public/images/demo-preview/crosses-r3f.png and b/apps/lookbook/public/images/demo-preview/crosses-r3f.png differ
diff --git a/apps/lookbook/public/images/demo-preview/minimal-display.png b/apps/lookbook/public/images/demo-preview/minimal-display.png
index 3c3a495e..1279a008 100644
Binary files a/apps/lookbook/public/images/demo-preview/minimal-display.png and b/apps/lookbook/public/images/demo-preview/minimal-display.png differ
diff --git a/apps/lookbook/public/images/demo-preview/splotch-starfield.png b/apps/lookbook/public/images/demo-preview/splotch-starfield.png
index 078bc7da..cd5cbfc5 100644
Binary files a/apps/lookbook/public/images/demo-preview/splotch-starfield.png and b/apps/lookbook/public/images/demo-preview/splotch-starfield.png differ
diff --git a/apps/lookbook/public/images/demo-preview/textured-quads-from-texture-atlas.png b/apps/lookbook/public/images/demo-preview/textured-quads-from-texture-atlas.png
index 8851baa7..2cddbb10 100644
Binary files a/apps/lookbook/public/images/demo-preview/textured-quads-from-texture-atlas.png and b/apps/lookbook/public/images/demo-preview/textured-quads-from-texture-atlas.png differ
diff --git a/apps/lookbook/public/images/demo-preview/two5-post-processing.png b/apps/lookbook/public/images/demo-preview/two5-post-processing.png
index c60bcc9f..381c3246 100644
Binary files a/apps/lookbook/public/images/demo-preview/two5-post-processing.png and b/apps/lookbook/public/images/demo-preview/two5-post-processing.png differ
diff --git a/apps/lookbook/src/components/Card.astro b/apps/lookbook/src/components/Card.astro
index 63542715..88f5d2d0 100644
--- a/apps/lookbook/src/components/Card.astro
+++ b/apps/lookbook/src/components/Card.astro
@@ -95,12 +95,13 @@ const previewImage = image ? demoPreviewImageUrl(image) : defaultTeaserImage;
   .card-image-container {
     margin: 0 -1.3rem;
     aspect-ratio: 16/10;
+    overflow: hidden;
   }
   .card-image {
-    width: 100%;
-    height: 100%;
-    background-size: cover;
-    background-position: center;
+    max-width: 100%;
+    max-height: 100%;
+    object-fit: cover;
+    aspect-ratio: 16/10;
   }
   .tags {
     margin: -0.1rem -0.3rem 0.5rem;
diff --git a/apps/lookbook/src/pages/demos/_animated-sprites.json b/apps/lookbook/src/pages/demos/_animated-sprites.json
index a4a8d49b..eb888ce1 100644
--- a/apps/lookbook/src/pages/demos/_animated-sprites.json
+++ b/apps/lookbook/src/pages/demos/_animated-sprites.json
@@ -1,6 +1,6 @@
 {
   "title": "animated sprites",
-  "description": "Textured sprites with frame based animations",
+  "description": "Frame-based animation with textured sprites",
   "url": "/demos/animated-sprites",
   "tags": [
     "AnimatedSprites",
diff --git a/apps/lookbook/src/pages/demos/_clouds.json b/apps/lookbook/src/pages/demos/_clouds.json
index 7887c9f7..88620b99 100644
--- a/apps/lookbook/src/pages/demos/_clouds.json
+++ b/apps/lookbook/src/pages/demos/_clouds.json
@@ -1,6 +1,6 @@
 {
   "title": "clouds",
-  "description": "A simple 2.5d clouds demo",
+  "description": "A rough demo sketch of 2.5d clouds",
   "url": "/demos/clouds",
   "tags": [
     "Stage2D",
diff --git a/apps/lookbook/src/pages/demos/_splotch-starfield.json b/apps/lookbook/src/pages/demos/_splotch-starfield.json
index f4990a6e..174582ef 100644
--- a/apps/lookbook/src/pages/demos/_splotch-starfield.json
+++ b/apps/lookbook/src/pages/demos/_splotch-starfield.json
@@ -1,6 +1,6 @@
 {
   "title": "splotch starfield",
-  "description": "A splotch starfield demo",
+  "description": "A retro starfield with post processing",
   "url": "/demos/splotch-starfield",
   "tags": [
     "demo",
diff --git a/apps/lookbook/src/pages/demos/textured-quads-from-texture-atlas.astro b/apps/lookbook/src/pages/demos/textured-quads-from-texture-atlas.astro
index 22527795..296e3d4c 100644
--- a/apps/lookbook/src/pages/demos/textured-quads-from-texture-atlas.astro
+++ b/apps/lookbook/src/pages/demos/textured-quads-from-texture-atlas.astro
@@ -15,8 +15,7 @@ import {title} from './_textured-quads-from-texture-atlas.json';
     overflow-y: hidden;
   }
   body {
-    background-color: #391e39;
-    background: radial-gradient(circle, rgba(189, 70, 98, 1) 0%, rgba(37, 4, 73, 1) 100%);
+    background-color: #3f313f;
   }
   .texture-preview {
     background-color: rgba(86, 101, 115, 80%);