added more images for articles

more improvements

src/scss/main.scss

@@ -264,14 +264,6 @@ pre {
   }
 }
 
-.article-content {
-  img {
-    display: block;
-    margin: 1rem auto;
-    max-width: 100%;
-  }
-}
-
 @media (max-width: 767.98px) {
   .logo {
     max-width: 96px;
@@ -307,6 +299,37 @@ table.table {
   max-width: 250px;
 }
 
+.article-content {
+  img {
+    display: block;
+    margin: 0 auto 1rem;
+    max-width: 100%;
+  }
+
+  .img-gallery {
+    --bs-gutter-x: 1rem;
+
+    a {
+      display: flex;
+      flex-direction: column;
+      height: 100%;
+      padding-bottom: 1rem;
+
+      img {
+        width: 100%;
+        margin: 0;
+      }
+
+      small {
+        padding: .5rem;
+        flex-grow: 1;
+        background-color: $primary;
+        color: #000;
+      }
+    }
+  }
+}
+
 .tab-card {
   margin-bottom: 2rem;