diff --git a/client/src/components/photo-gallery.tsx b/client/src/components/photo-gallery.tsx
index 4c3a9ec..d8c4943 100644
--- a/client/src/components/photo-gallery.tsx
+++ b/client/src/components/photo-gallery.tsx
@@ -110,11 +110,11 @@ function SingleImageCarousel({
       onMouseEnter={() => setPaused(true)}
       onMouseLeave={() => setPaused(false)}
     >
-      <div className="relative w-full aspect-[4/5] overflow-hidden rounded-b-lg">
+      <div className="relative w-full h-full overflow-hidden rounded-b-lg">
         <img
           src={images[index].large || images[index].thumb}
           alt={images[index].fileName}
-          className="w-full h-full object-cover transition-opacity duration-500"
+          className="absolute inset-0 w-full h-full object-cover transition-opacity duration-500"
           style={{ objectPosition: "center 25%" }}
           loading="lazy"
           data-testid="img-gallery-current"