Modified UP IECEP Family part

src/components/Family/Family.astro

@@ -7,6 +7,7 @@ import family3 from '../../assets/images/family/family_3.png';
 <section class="family-section" id="people">
   <h2>UP IECEP Family</h2>
   <div class="members-panel">
+    
     <div class="image-panel">
       <img src={family1.src} alt="" />
       <div class="image-panel-popup">
@@ -14,6 +15,27 @@ import family3 from '../../assets/images/family/family_3.png';
         <p>A short list of all the current members of UP IECEP</p>
       </div>
     </div>
+    
+    <div class="text-panel">
+      <div class="cover">
+        <h3>Executive Commitee</h3>
+      </div>
+      <div class="under">
+        <h3>Executive Committee</h3>
+        <strong>A bit information about the current heads of each committee</strong>
+      </div>
+    </div>
+    
+    <div class="image-panel">
+      <img src={family2.src} alt="" />
+      <div class="image-panel-popup">
+        <h3>Notable Members &rarr;</h3>
+        <p>
+          Some of UP IECEP's most well respected and accomplished individuals
+        </p>
+      </div>
+    </div>
+    
     <div class="text-panel">
       <div class="cover">
         <h3>Current Members</h3>
@@ -23,26 +45,7 @@ import family3 from '../../assets/images/family/family_3.png';
         <strong>A short list of all the current members of UP IECEP</strong>
       </div>
     </div>
-    <div class="image-panel">
+    
-      <img src={family2.src} alt="" />
-      <div class="image-panel-popup">
-        <h3>Notable Members &rarr;</h3>
-        <p>
-          Some of UP IECEP’s most well respected and accomplished individuals
-        </p>
-      </div>
-    </div>
-    <div class="text-panel">
-      <div class="cover">
-        <h3>Executive Commitee</h3>
-      </div>
-      <div class="under">
-        <h3>Executive Committee</h3>
-        <strong
-          >A bit information about the current heads of each committee</strong
-        >
-      </div>
-    </div>
     <div class="image-panel">
       <img src={family3.src} alt="" />
       <div class="image-panel-popup">
@@ -50,14 +53,16 @@ import family3 from '../../assets/images/family/family_3.png';
         <p>A bit information about the current heads of each committee</p>
       </div>
     </div>
+    
     <div class="text-panel">
       <div class="cover">
         <h3>Notable Members</h3>
       </div>
       <div class="under">
         <h3>Notable Members</h3>
-        <strong>Some of UP IECEP’s most well respected and accomplished individuals</strong>
+        <strong>Some of UP IECEP's most well respected and accomplished individuals</strong>
       </div>
     </div>
+    
   </div>
 </section>