From e629567d32f6dca8dd923135c49f3e23732af778 Mon Sep 17 00:00:00 2001
From: Nathan Cummins <nathan@nathancummins.com.au>
Date: Fri, 5 Sep 2025 11:24:58 +0930
Subject: [PATCH] Declare some image heights for better responsiveness

---
 src/components/ProjectCard.astro | 2 +-
 src/pages/about.astro            | 1 +
 src/pages/index.astro            | 1 +
 3 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/ProjectCard.astro b/src/components/ProjectCard.astro
index 947ed22..c450435 100644
--- a/src/components/ProjectCard.astro
+++ b/src/components/ProjectCard.astro
@@ -229,7 +229,7 @@ const link = `/projects/${slugify(project.data.type)}/${slugify(project.data.slu
             loading="lazy"
             layout="constrained"
             fit="cover"
-            height={192}
+            height={250}
             style={`animation-delay: -${Math.floor(Math.random() * (12 - 4) + 4)}s; animation-direction: ${Math.random() < 0.5 ? "normal" : "reverse"};`}
             quality={quality}
           />
diff --git a/src/pages/about.astro b/src/pages/about.astro
index 93b4a8f..b6d23ab 100644
--- a/src/pages/about.astro
+++ b/src/pages/about.astro
@@ -20,6 +20,7 @@ import { Image } from "astro:assets";
           alt="A photo of Nathan conducting the Woodville Concert Band"
           class="mx-auto mb-8 size-96 rounded-full object-cover drop-shadow-lg/75 transition ease-in-out md:hover:scale-150 md:hover:shadow-xl/50"
           transition:name="aboutImage"
+          height={576}
         />
         <SectionTitle class="py-8">Dr Nathan Cummins</SectionTitle>
         <H2>{site.tagline}</H2>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 00b31c4..fb1ef36 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -94,6 +94,7 @@ const tracks = (
           alt="Nathan conducting the Woodville Concert Band"
           class="mx-auto mt-8 size-96 rounded-full object-cover drop-shadow-lg/75 transition ease-in-out md:hover:scale-150 md:hover:shadow-xl/50"
           transition:name="aboutImage"
+          height={576}
         />
         <span class="block w-full text-center"
           ><a