From dcb344bb13ddf7a77754c0e7f407e24726c9dac3 Mon Sep 17 00:00:00 2001
From: Nathan Cummins <nathan@nathancummins.com.au>
Date: Wed, 22 Jul 2026 09:41:47 +0200
Subject: [PATCH] Better handle project card images over text

---
 src/components/ProjectCard.astro | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/ProjectCard.astro b/src/components/ProjectCard.astro
index 1ac6b6d..02f7da8 100644
--- a/src/components/ProjectCard.astro
+++ b/src/components/ProjectCard.astro
@@ -215,14 +215,19 @@ const link = `/projects/${slugify(project.data.type)}/${slugify(project.data.slu
           <Image
             id={`hero-image-${index}`}
             class:list={[
-              "animate-floaty absolute h-48 w-auto origin-center transform rounded object-cover shadow-lg/50 transition duration-300 ease-in-out md:group-hover:z-30 md:group-hover:scale-130 md:hover:z-40",
+              "animate-floaty absolute origin-center transform rounded object-cover shadow-lg/50 transition duration-300 ease-in-out md:group-hover:z-30 md:group-hover:scale-130 md:hover:z-40",
               translateXOptions[
                 Math.floor(Math.random() * translateXOptions.length)
               ],
               translateYOptions[
                 Math.floor(Math.random() * translateYOptions.length)
               ],
-              rotateOptions[Math.floor(Math.random() * rotateOptions.length)]
+              rotateOptions[Math.floor(Math.random() * rotateOptions.length)],
+              image.height === image.width
+                ? "h-auto w-64"
+                : image.height > image.width
+                  ? "h-64 w-auto"
+                  : "h-auto w-86"
             ]}
             src={image}
             alt=""