💄 style: set style for figure & figure captions

sass/main.scss

@@ -56,6 +56,7 @@
   --secondary-color: rgb(158, 158, 158);
   --links: #78cfcb;
   --text-color: #222226;
+  --text-color-2: #45454b;
   --quote-color: #355f62;
   --border-color: rgb(114, 114, 114);
   --light-border-color: rgba(255, 255, 255, 0.1);
@@ -73,6 +74,7 @@
   --secondary-color: #696969;
   --links: #8fdfe5;
   --text-color: #eae9e9;
+  --text-color-2: #c7c7c7;
   --quote-color: #a9c5c7;
   --code: #ef476f;
   --border-color: rgb(0, 0, 0);

sass/parts/_image.scss

@@ -6,6 +6,13 @@ figure {
   height: auto;
 }
 
+figcaption {
+  font-family: var(--serif-font);
+  font-size: 0.72rem;
+  color: var(--text-color-2);
+  text-align: center;
+}
+
 figure img {
   max-height: 500px;
 }
@@ -17,12 +24,6 @@ img {
   height: auto;
 }
 
-@media screen and (min-width: 600px) {
-  figure {
-    padding: 0 40px;
-  }
-}
-
 figure h4 {
   font-size: 1rem;
   margin: 0;