feat(shortcode): figure and figures flex box

assets/sass/article.scss

@@ -8,8 +8,14 @@
     font-style: italic;
 }
 
+.article__featured-image-container {
+    padding-top: 1rem;
+}
+
 .article__featured-image {
+    min-width: 80%;
     max-width: 100%;
+    text-align: center;
 
     img {
         object-fit: fit;
@@ -19,9 +25,6 @@
     }
 }
 
-.article {
-}
-
 // card in list
 .article-card {
     display: flex;

assets/sass/figures.scss

@@ -0,0 +1,29 @@
+.fig-img {
+    display: inline-block;
+    figcaption {
+        font-size: .9rem;
+        color: $hidden;
+        text-align: center;
+        p {
+            margin: 0;
+        }
+    }
+    img {
+        max-height: 30rem;
+    }
+    margin: 0;
+    margin-bottom: 1rem;
+}
+
+.figures-grid {
+    display: flex;
+    justify-content: center;
+    flex-wrap: wrap;
+    gap: 2rem;
+    margin-bottom: 1rem;
+    
+    figure {
+        max-width: 27rem;
+        margin: 0;
+    }
+}

assets/sass/general.scss

@@ -128,11 +128,9 @@ img {
     }
 }
 
-.fig-img {
-    figcaption {
-        font-size: .9rem;
-        color: $hidden;
-    }
+.single-figure-container {
+    display: flex;
+    justify-content: center;
 }
 
 .highlighted {
@@ -154,12 +152,6 @@ img {
     padding-top: 1rem;
 }
 
-figure {
-    display: flex;
-    justify-content: center;
-    flex-direction: column;
-}
-
 .layout-two-spaced {
     display: flex;
     justify-content: space-between;

assets/sass/landing.scss

@@ -416,6 +416,9 @@
         display: flex;
         flex-direction: column-reverse;
     }
+    .organization__image {
+        text-align: center;
+    }
 }
 
 @media (min-width: $md-breakpoint) {

assets/sass/main.scss

@@ -27,6 +27,7 @@ $hidden: #2C3E50;
 @import 'general.scss';
 @import 'button.scss';
 @import 'page_container.scss';
+@import 'figures.scss';
 @import 'header.scss';
 @import 'news.scss';
 @import 'landing.scss';