From 3e6b461ff2edc0dff2b52e2686bb920ee03486b5 Mon Sep 17 00:00:00 2001
From: "Kent Joseph T. Palima" <admin@upiecep.org>
Date: Wed, 29 Apr 2026 16:57:16 +0800
Subject: [PATCH] Fixed CSS for photos

---
 src/components/Family/family.scss                             | 4 +++-
 .../ProjectsAndCampaigns/projects-and-campaigns.scss          | 4 ++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/Family/family.scss b/src/components/Family/family.scss
index e9609b4..1c2534a 100644
--- a/src/components/Family/family.scss
+++ b/src/components/Family/family.scss
@@ -23,13 +23,15 @@
 
     .image-panel {
       width: 100%;
-      height: auto;
+      height: 100%;
       aspect-ratio: 25.375 / 18.125;
       overflow: hidden;
       position: relative;
       img {
         width: 100%;
+	height: 100%;
         object-fit: cover;
+	display: block;
       }
 
       .image-panel-popup {
diff --git a/src/components/ProjectsAndCampaigns/projects-and-campaigns.scss b/src/components/ProjectsAndCampaigns/projects-and-campaigns.scss
index 3998ee9..b4c1a67 100644
--- a/src/components/ProjectsAndCampaigns/projects-and-campaigns.scss
+++ b/src/components/ProjectsAndCampaigns/projects-and-campaigns.scss
@@ -74,14 +74,14 @@
       place-self: center start;
       width: calc(10 / 12 * 100%);
       height: auto;
-      aspect-ratio: auto;
-      object-fit: contain;
+      aspect-ratio: 25 / 16;
       position: relative;
       img {
         width: 100%;
         height: 100%;
         border-radius: 2.5rem;
         box-shadow: 7px 7px 50px 4px rgba(88, 24, 30, 0.4);
+	object-fit: cover;
       }
     }
     .iecep-day-text {