Fix image sizing & scaling on home page

src/css/compositions/row.css

@@ -2,4 +2,5 @@
   display: flex;
   flex-direction: row;
   gap: var(--vertical-spacing, 1rem);
+  flex-wrap: wrap;
 }

src/css/exceptions/home.css

@@ -10,4 +10,10 @@
   h1 {
     font-size: var(--text-size-3xl);
   }
+
+  picture {
+    max-width: clamp(8rem, calc(1.09rem + 10vw), 12rem);
+    margin-left: auto;
+    margin-right: auto;
+  }
 }

src/css/globals.css

@@ -1,5 +1,5 @@
 body {
-  background-color: var(--color-blueGray-800);
+  background-color: var(--color-slate-800);
   color: var(--color-slate-200);
   font-family: var(--font-family-mono);
   font-size: var(--text-size-s);