diff --git a/assets/AltheaTan.jpg b/assets/AltheaTan.jpg
index 94df17c..2f4441c 100644
Binary files a/assets/AltheaTan.jpg and b/assets/AltheaTan.jpg differ
diff --git a/assets/ChloeOng.jpg b/assets/ChloeOng.jpg
index f30e512..6252306 100644
Binary files a/assets/ChloeOng.jpg and b/assets/ChloeOng.jpg differ
diff --git a/assets/DavianKho.jpg b/assets/DavianKho.jpg
index 690a339..01db22c 100644
Binary files a/assets/DavianKho.jpg and b/assets/DavianKho.jpg differ
diff --git a/assets/EmilyTan.jpg b/assets/EmilyTan.jpg
index 55d2a5d..e5b0ec8 100644
Binary files a/assets/EmilyTan.jpg and b/assets/EmilyTan.jpg differ
diff --git a/assets/IvanYang.jpg b/assets/IvanYang.jpg
index 986b589..32c5aa4 100644
Binary files a/assets/IvanYang.jpg and b/assets/IvanYang.jpg differ
diff --git a/assets/JamieHo.jpg b/assets/JamieHo.jpg
index 304bea6..7593fb0 100644
Binary files a/assets/JamieHo.jpg and b/assets/JamieHo.jpg differ
diff --git a/assets/JavianNg.jpg b/assets/JavianNg.jpg
index 3f43076..a9f9cda 100644
Binary files a/assets/JavianNg.jpg and b/assets/JavianNg.jpg differ
diff --git a/assets/JoshuaLek.jpg b/assets/JoshuaLek.jpg
index 29aa0f3..2683517 100644
Binary files a/assets/JoshuaLek.jpg and b/assets/JoshuaLek.jpg differ
diff --git a/assets/KhooPynZhern.jpg b/assets/KhooPynZhern.jpg
index eb99f2b..54b9749 100644
Binary files a/assets/KhooPynZhern.jpg and b/assets/KhooPynZhern.jpg differ
diff --git a/assets/KongShiTing.jpg b/assets/KongShiTing.jpg
index 06c5c1e..aa30853 100644
Binary files a/assets/KongShiTing.jpg and b/assets/KongShiTing.jpg differ
diff --git a/assets/KooJay-Lynn.jpg b/assets/KooJay-Lynn.jpg
index 7ca3b69..f505220 100644
Binary files a/assets/KooJay-Lynn.jpg and b/assets/KooJay-Lynn.jpg differ
diff --git a/assets/LeeYongNing.jpg b/assets/LeeYongNing.jpg
index e019df7..f88a98d 100644
Binary files a/assets/LeeYongNing.jpg and b/assets/LeeYongNing.jpg differ
diff --git a/assets/MartinNg.jpg b/assets/MartinNg.jpg
index b0e4b1b..085ba73 100644
Binary files a/assets/MartinNg.jpg and b/assets/MartinNg.jpg differ
diff --git a/assets/MervynSeah.jpg b/assets/MervynSeah.jpg
index 7355533..e9da1fe 100644
Binary files a/assets/MervynSeah.jpg and b/assets/MervynSeah.jpg differ
diff --git a/assets/NatashaKoh.jpg b/assets/NatashaKoh.jpg
index 82dc4fd..e834433 100644
Binary files a/assets/NatashaKoh.jpg and b/assets/NatashaKoh.jpg differ
diff --git a/assets/NatashaSanghar.jpg b/assets/NatashaSanghar.jpg
index 748c083..95aaadc 100644
Binary files a/assets/NatashaSanghar.jpg and b/assets/NatashaSanghar.jpg differ
diff --git a/assets/NathanLoo.jpg b/assets/NathanLoo.jpg
index 3e775b7..d1a1f81 100644
Binary files a/assets/NathanLoo.jpg and b/assets/NathanLoo.jpg differ
diff --git a/assets/NgLeXuan.jpg b/assets/NgLeXuan.jpg
index c415a75..6e5e55c 100644
Binary files a/assets/NgLeXuan.jpg and b/assets/NgLeXuan.jpg differ
diff --git a/assets/OpheliaTeo.jpg b/assets/OpheliaTeo.jpg
index 3e16ae2..c5306fd 100644
Binary files a/assets/OpheliaTeo.jpg and b/assets/OpheliaTeo.jpg differ
diff --git a/assets/Raeeda.jpg b/assets/Raeeda.jpg
index 7a07c4e..b280228 100644
Binary files a/assets/Raeeda.jpg and b/assets/Raeeda.jpg differ
diff --git a/assets/RaysonYeap.jpg b/assets/RaysonYeap.jpg
index 9991e95..3cb2083 100644
Binary files a/assets/RaysonYeap.jpg and b/assets/RaysonYeap.jpg differ
diff --git a/assets/ReinaTng.jpg b/assets/ReinaTng.jpg
index efba2a0..90d3855 100644
Binary files a/assets/ReinaTng.jpg and b/assets/ReinaTng.jpg differ
diff --git a/assets/SeanKevinDias.jpg b/assets/SeanKevinDias.jpg
index 1e1ed91..63bece8 100644
Binary files a/assets/SeanKevinDias.jpg and b/assets/SeanKevinDias.jpg differ
diff --git a/assets/TeoHongRui.jpg b/assets/TeoHongRui.jpg
index efc1bad..f03ad24 100644
Binary files a/assets/TeoHongRui.jpg and b/assets/TeoHongRui.jpg differ
diff --git a/assets/TimothySoon.jpg b/assets/TimothySoon.jpg
index 641a090..10a6688 100644
Binary files a/assets/TimothySoon.jpg and b/assets/TimothySoon.jpg differ
diff --git a/assets/TohYiHui.jpg b/assets/TohYiHui.jpg
index b00b0b6..6387ffd 100644
Binary files a/assets/TohYiHui.jpg and b/assets/TohYiHui.jpg differ
diff --git a/assets/TriciaAng.jpg b/assets/TriciaAng.jpg
index 8616cc4..158d77f 100644
Binary files a/assets/TriciaAng.jpg and b/assets/TriciaAng.jpg differ
diff --git a/assets/VivienHe.jpg b/assets/VivienHe.jpg
index 187ddd3..eed5e30 100644
Binary files a/assets/VivienHe.jpg and b/assets/VivienHe.jpg differ
diff --git a/assets/WangYuQing.jpg b/assets/WangYuQing.jpg
index 3474060..0856cda 100644
Binary files a/assets/WangYuQing.jpg and b/assets/WangYuQing.jpg differ
diff --git a/assets/WanjariKimaya.jpg b/assets/WanjariKimaya.jpg
index b16b3b7..2b39205 100644
Binary files a/assets/WanjariKimaya.jpg and b/assets/WanjariKimaya.jpg differ
diff --git a/assets/external.jpg b/assets/external.jpg
index 1206e0d..6069eba 100644
Binary files a/assets/external.jpg and b/assets/external.jpg differ
diff --git a/assets/internal.jpg b/assets/internal.jpg
index df4a335..9d670d6 100644
Binary files a/assets/internal.jpg and b/assets/internal.jpg differ
diff --git a/assets/presidential.jpg b/assets/presidential.jpg
index 50d7c3d..9d3639f 100644
Binary files a/assets/presidential.jpg and b/assets/presidential.jpg differ
diff --git a/assets/studentdev.jpg b/assets/studentdev.jpg
index 1421b68..ba2fc81 100644
Binary files a/assets/studentdev.jpg and b/assets/studentdev.jpg differ
diff --git a/assets/studentlife.jpg b/assets/studentlife.jpg
index 9d374bd..9c07ccf 100644
Binary files a/assets/studentlife.jpg and b/assets/studentlife.jpg differ
diff --git a/css/styles.css b/css/styles.css
index a7e5bd0..3a2ec67 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -501,15 +501,16 @@ img {
     }
 
 .flip-container, .front, .back {
-	width: auto;
-	height: 800px;
+    width: auto;
+    max-width: 1200px;
+	height: 900px;
 
-    @media screen and (max-width: 1024px) {
-        height: 900px;
+    @media screen and (max-width: 1200px) {
+        height: 1100px;
     }
 
-    @media screen and (min-width: 600px) and (max-width: 1000px) {
-        height: 500px;
+    @media screen and (max-width: 700px) {
+        height: 900px;
     }
 
 }
diff --git a/index.html b/index.html
index 3cdd715..05396e7 100644
--- a/index.html
+++ b/index.html
@@ -94,14 +94,18 @@
       <div class="wing-cont">
         <p class="wing-name">Presidency</p>
 
-        <!-- <div class="flip-container" onclick="this.classList.toggle('flip');">
+        <div
+          class="flip-container"
+          style="max-height: 1100px"
+          onclick="this.classList.toggle('flip');"
+        >
           <div class="flipper">
             <div class="front">
               <img
                 src="assets/presidential.jpg"
                 class="transition"
-                style="border-radius: 20px; max-height: 900px;"
-                />
+                style="border-radius: 20px; max-height: 900px"
+              />
               <div class="middle">
                 <div class="text">
                   Click to find out more about the presidential wing
@@ -109,24 +113,24 @@
               </div>
             </div>
             <div class="back">
-              <div class="wing-cards" id="pwing-box">
-              </div>
+              <div class="wing-cards" id="pwing-box"></div>
             </div>
-          </div> -->
-        <div class="wing-cards" id="pwing-box"></div>
+          </div>
+          <!-- <div class="wing-cards" id="pwing-box"></div> -->
+        </div>
       </div>
 
       <div class="wing-cont">
         <p class="wing-name">External Relations</p>
 
-        <!-- <div class="flip-container" onclick="this.classList.toggle('flip');">
+        <div class="flip-container" onclick="this.classList.toggle('flip');">
           <div class="flipper">
             <div class="front">
               <img
                 src="assets/external.jpg"
                 class="transition"
-                style="border-radius: 20px; max-height: 900px;"
-                />
+                style="border-radius: 20px; max-height: 900px"
+              />
               <div class="middle">
                 <div class="text">
                   Click to find out more about our external relations
@@ -137,21 +141,21 @@
               <div class="wing-cards" id="external-box"></div>
             </div>
           </div>
-        </div> -->
-        <div class="wing-cards" id="external-box"></div>
+        </div>
+        <!-- <div class="wing-cards" id="external-box"></div> -->
       </div>
 
       <div class="wing-cont">
         <p class="wing-name">Internal Relations</p>
 
-        <!-- <div class="flip-container" onclick="this.classList.toggle('flip');">
+        <div class="flip-container" onclick="this.classList.toggle('flip');">
           <div class="flipper">
             <div class="front">
               <img
                 src="assets/internal.jpg"
                 class="transition"
-                style="border-radius: 20px; max-height: 900px;"
-                />
+                style="border-radius: 20px; max-height: 900px"
+              />
               <div class="middle">
                 <div class="text">
                   Click to find out more about our internal relations
@@ -162,59 +166,58 @@
               <div class="wing-cards" id="internal-box"></div>
             </div>
           </div>
-        </div> -->
-        <div class="wing-cards" id="internal-box"></div>
+        </div>
+        <!-- <div class="wing-cards" id="internal-box"></div> -->
       </div>
 
       <div class="wing-cont">
         <p class="wing-name">Student Development</p>
 
-        <!-- <div class="flip-container" onclick="this.classList.toggle('flip');">
-            <div class="flipper">
-              <div class="front">
-                <img
-                  src="assets/studentdev.jpg"
-                  class="transition"
-                  style="border-radius: 20px; max-height: 900px;"
-                />
-                <div class="middle">
-                  <div class="text">
-                    Click to find out more about our student development
-                  </div>
+        <div class="flip-container" onclick="this.classList.toggle('flip');">
+          <div class="flipper">
+            <div class="front">
+              <img
+                src="assets/studentdev.jpg"
+                class="transition"
+                style="border-radius: 20px; max-height: 900px"
+              />
+              <div class="middle">
+                <div class="text">
+                  Click to find out more about our student development
                 </div>
               </div>
-              <div class="back">
-                <div class="wing-cards" id="stddev-box"></div>
             </div>
+            <div class="back">
+              <div class="wing-cards" id="stddev-box"></div>
             </div>
-          </div> -->
-        <div class="wing-cards" id="stddev-box"></div>
+          </div>
+        </div>
+        <!-- <div class="wing-cards" id="stddev-box"></div> -->
       </div>
 
       <div class="wing-cont">
         <p class="wing-name">Student Life</p>
 
-        <!-- <div class="flip-container" onclick="this.classList.toggle('flip');">
-            <div class="flipper">
-              <div class="front">
-                <img
-                  src="assets/studentlife.jpg"
-                  class="transition"
-                  style="border-radius: 20px; max-height: 900px;"
-                />
-                <div class="middle">
-                  <div class="text">
-                    Click to find out more about our student life
-                  </div>
+        <div class="flip-container" onclick="this.classList.toggle('flip');">
+          <div class="flipper">
+            <div class="front">
+              <img
+                src="assets/studentlife.jpg"
+                class="transition"
+                style="border-radius: 20px; max-height: 900px"
+              />
+              <div class="middle">
+                <div class="text">
+                  Click to find out more about our student life
                 </div>
               </div>
-              <div class="back">
-                back content
-                <div class="wing-cards" id="stdlife-box"></div>
             </div>
+            <div class="back">
+              <div class="wing-cards" id="stdlife-box"></div>
             </div>
-          </div> -->
-        <div class="wing-cards" id="stdlife-box"></div>
+          </div>
+        </div>
+        <!-- <div class="wing-cards" id="stdlife-box"></div> -->
       </div>
     </div>