From 5b310d99b4b5b559a14269d53cb5e0bb62582977 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Fri, 19 Apr 2024 11:16:49 -0500
Subject: [PATCH] Add blank div to <ImagePhotoGrid />

---
 .../components/ImagePhotoGrid.tsx             | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/image-response/components/ImagePhotoGrid.tsx b/src/image-response/components/ImagePhotoGrid.tsx
index 90170cce..b978604b 100644
--- a/src/image-response/components/ImagePhotoGrid.tsx
+++ b/src/image-response/components/ImagePhotoGrid.tsx
@@ -68,16 +68,25 @@ export default function ImagePhotoGrid({
             overflow: 'hidden',
           }}
         >
-          {doesNextImageExist && <img {...{
-            src,
-            style: {
+          {doesNextImageExist
+            ? <img {...{
+              src,
+              style: {
+                width: '100%',
+                ...imagePosition === 'center' && {
+                  height: '100%',
+                },
+                objectFit: 'cover',
+              },
+            }} />
+            : <div style={{
+              display: 'flex',
               width: '100%',
               ...imagePosition === 'center' && {
                 height: '100%',
               },
               objectFit: 'cover',
-            },
-          }} />}
+            }} />}
         </div>;
       })}
     </div>