diff --git a/web/src/components/photos/carousel.astro b/web/src/components/photos/carousel.astro
index ec0dcc5..01a5b5e 100644
--- a/web/src/components/photos/carousel.astro
+++ b/web/src/components/photos/carousel.astro
@@ -70,4 +70,4 @@ const getImageLink = async (record: any) => {
 <!-- Hidden element to pass server data to client -->
     <div class="hidden" id="carousel-data">{JSON.stringify(photos)}</div>
     
-    <img id="carousel-img" class="rounded-lg w-full h-full object-cover" src={ pb.files.getURL(photos[0], photos[0].image) } />
\ No newline at end of file
+    <img id="carousel-img" class="rounded-lg w-full max-h-screen object-contain" src={ pb.files.getURL(photos[0], photos[0].image) } />
\ No newline at end of file
diff --git a/web/src/styles/global.css b/web/src/styles/global.css
index 9dbbdb4..d9e7a29 100644
--- a/web/src/styles/global.css
+++ b/web/src/styles/global.css
@@ -40,7 +40,7 @@
 }
 
 .content-panel {
-  @apply w-[68%] my-25 pl-10;
+  @apply w-[68%] py-14 pl-10;
 }
 
 @tailwind utilities;
\ No newline at end of file