From 83bc639c0856d4d276db1fddd0f3716634ccad36 Mon Sep 17 00:00:00 2001
From: Ryan Lalchand <70449616+ryanlalchand@users.noreply.github.com>
Date: Thu, 4 Jul 2024 15:30:16 -0400
Subject: [PATCH] force photos not to crop

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

diff --git a/src/components/PhotographyCard.astro b/src/components/PhotographyCard.astro
index 581248e..a001d98 100644
--- a/src/components/PhotographyCard.astro
+++ b/src/components/PhotographyCard.astro
@@ -7,13 +7,18 @@ const { image } = Astro.props;
 ---
 
 <div class="photography-card">
-  <img src={image} alt="Photography" class="w-full h-full object-cover" />
+  <img src={image} alt="Photography" class="w-full h-auto" />
 </div>
 
 <style>
   .photography-card {
     display: flex;
+    justify-content: center;
+    align-items: center;
+  }
+
+  img {
     width: 100%;
-    height: 100%;
+    height: auto;
   }
 </style>