From 846102d7c68d87c57bfdc2f2fc72abb91d6e247c Mon Sep 17 00:00:00 2001
From: Bradley Shellnut <BradNut@users.noreply.github.com>
Date: Thu, 10 Nov 2022 22:35:54 -0600
Subject: [PATCH] Fixing party photos

---
 pages/party.js | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/pages/party.js b/pages/party.js
index c73f80a..0c8ad58 100644
--- a/pages/party.js
+++ b/pages/party.js
@@ -60,6 +60,10 @@ export default function PartyPage({ mainImage, officiantImage, partyImages }) {
           {...mainImage?.imageProps}
           alt={mainImage?.alt}
           placeholder="blur"
+          style={{
+            width: '100%',
+            height: 'auto',
+          }}
         />
       </div>
       <h2 className="center">The Party</h2>
@@ -85,7 +89,12 @@ export default function PartyPage({ mainImage, officiantImage, partyImages }) {
         {partyImages.map((member, index) => (
           <PartyCard className="card" key={index}>
             <h2 className="center">{member.name}</h2>
-            <Image {...member.imageProps} alt={member.alt} placeholder="blur" />
+            <Image {...member.imageProps} alt={member.alt} placeholder="blur" 
+              style={{
+                width: '100%',
+                height: 'auto',
+              }}
+            />
             <h3 className="center">{member.title}</h3>
           </PartyCard>
         ))}