Center images vertically

Author: steph1111

_includes/post-custom-rs-march-25.html

@@ -193,29 +193,28 @@ <h3 class="title has-text-left has-text-white-ter is-size-4 has-text-weight-bold
             </p>
         </div>
         <div class="columns is-multiline">
-            <div class="column is-one-third-desktop is-one-third-tablet is-one-third-fullhd">
+            <div class="column is-one-third-desktop is-one-third-tablet is-one-third-fullhd image-column">
                 <figure class="image">
                     <img src="https://raw.githubusercontent.com/CabrilloRoboticsClub/cabrillorobotics.github.io/028c5555e207b9abb7c1f996ff4a35f7aae08bc0/assets/images/posts/march-25-update/chassis-view1.webp"
                         alt="Battery management board">
                 </figure>
             </div>
-
-            <div class="column is-one-third-desktop is-one-third-tablet is-one-third-fullhd">
+        
+            <div class="column is-one-third-desktop is-one-third-tablet is-one-third-fullhd image-column">
                 <figure class="image">
                     <img src="https://raw.githubusercontent.com/CabrilloRoboticsClub/cabrillorobotics.github.io/028c5555e207b9abb7c1f996ff4a35f7aae08bc0/assets/images/posts/march-25-update/chassis-view3.webp"
                         alt="Chassis cad corner view">
                 </figure>
             </div>
-
-            <div class="column is-one-third-desktop is-one-third-tablet is-one-third-fullhd">
+        
+            <div class="column is-one-third-desktop is-one-third-tablet is-one-third-fullhd image-column">
                 <figure class="image">
                     <img src="https://raw.githubusercontent.com/CabrilloRoboticsClub/cabrillorobotics.github.io/028c5555e207b9abb7c1f996ff4a35f7aae08bc0/assets/images/posts/march-25-update/chassis-view2.webp"
                         alt="Chassis cad top view">
                 </figure>
             </div>
         </div>
 
-
         <h2 class="title has-text-left has-text-white-ter is-size-2 has-text-weight-bold mgb-medium">
             Outreach
         </h2>

assets/css/style.scss

@@ -1656,4 +1656,9 @@ p {
         border-radius: 10px;
         overflow: hidden;
     }
+    .image-column {
+        display: flex;
+        align-items: center;
+        justify-content: center; /* Optional: centers images horizontally too */
+    }
 }