toolbar is only icons, added image slideshow

css/default.scss

@@ -153,18 +153,6 @@ article .header {
     display: inline;
     margin: 0 0.6rem;
   }
-  .gallery {
-  }
-
-.photo {
-  margin-top: 5px;
-  margin-bottom: 5px;
-}
-
-.photo > img {
-    width: 100%;
-    height: auto;
-}
 }
 
 @media (min-width: 640px) {
@@ -196,21 +184,45 @@ article .header {
     float: left;
     font-size: 1.8rem;
   }
-  .gallery {
-    display:flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-    justify-content: center;
-    align-items: center;
+}
+/* Next & previous buttons */
+.prev, .next {
+  cursor: pointer;
+  width: auto;
+  padding: 16px;
+  color: white;
+  font-weight: bold;
+  font-size: 18px;
+  transition: 0.6s ease;
+  border-radius: 0 3px 3px 0;
+  user-select: none;
+}
+
+/* Position the "next button" to the right */
+.next {
+  right: 0;
+  border-radius: 3px 0 0 3px;
+}
+
+.prev:hover, .next:hover {
+  background-color: rgba(0,0,0,0.8);
+}
+
+.gallery {
+  align-items: center;
+  display: flex;
+  gap: 10px;
 }
 
 .photo {
-    flex-basis: 50%;
+    display: none;
+    max-height: 50%;
+    flex: 1;
 }
+
 .photo > img {
-    width: 100%;
-    height: auto;
-}
+  max-width: 100%;
+  height: 50vh;
 }
 
 .svg-img {