From 108b44faf6cb2ddc3c1d132c16301ef1d4ff7fcb Mon Sep 17 00:00:00 2001
From: HouTeng Chan <ht-chen21@mails.tsinghua.edu.cn>
Date: Tue, 1 Oct 2024 22:31:49 +0000
Subject: [PATCH] Update file inclusivity.html

---
 wiki/pages/inclusivity.html | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

diff --git a/wiki/pages/inclusivity.html b/wiki/pages/inclusivity.html
index a25f84f..434e82d 100644
--- a/wiki/pages/inclusivity.html
+++ b/wiki/pages/inclusivity.html
@@ -157,15 +157,21 @@
       <p>In China, while tremendous strides have been made in reducing poverty, many children still face significant socioeconomic barriers, particularly in rural areas. By 2020, the government successfully eradicated extreme rural poverty, yet as of 2018, 19% of children were still living in multidimensional poverty, which includes limited access to education, healthcare, and other essential resources. [2]</p>
       <p>To do our part, we traveled to a rural area in Sichuan, where we engaged with local children, introduced our project, and raised awareness about inflammatory bowel disease (IBD). Through activities and discussions, we aimed to inspire curiosity in science and provide them with the tools to envision a brighter future.</p>
     </div>
-    <div style="display: flex; justify-content: center; align-items: flex-start; gap: 20px;">
-      <div class="image-container" style="flex: 1; max-width: 45%;">
-        <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic6.png" alt="ibd_figure" class="shadowed-image" style="width: 100%; height: auto;">
+    <style>
+      .shadowed-image {
+        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+      }
+    </style>
+    <div style="display: flex; justify-content: center; align-items: stretch; gap: 20px;">
+      <div style="flex: 1; max-width: 45%;">
+        <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic6.png" alt="ibd_figure_1" class="shadowed-image" style="width: 100%; height: 100%; object-fit: cover;">
       </div>
-      <div class="image-container" style="flex: 1; max-width: 45%;">
-        <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic7.jpg" alt="ibd_figure" class="shadowed-image" style="width: 100%; height: auto;">
+      <div style="flex: 1; max-width: 45%;">
+        <img src="https://static.igem.wiki/teams/5187/wiki-inclusivity-fig/pic7.jpg" alt="ibd_figure_2" class="shadowed-image" style="width: 100%; height: 100%; object-fit: cover;">
       </div>
+    </div>
   </div>
-  </div>
+</div>
 
 
   <div class="row mt-4">
-- 
GitLab