flexzoom1

src/App.css

@@ -80,9 +80,9 @@ hr {
 }
 
 .subimage {
-  margin-bottom: 0.5em;
-  height: 3em;
-  width: 4em;
+  margin-bottom: 7em;
+  height: 15em;
+  width: 25em;
   object-fit: contain;
 }
 
@@ -123,7 +123,7 @@ hr {
   .flex-container>div {
     display: flex;
     min-height: 50%;
-    padding: 2%;
+    padding: 2em;
     overflow: hidden;
     align-items: center;
     justify-content: space-between;
@@ -142,6 +142,13 @@ hr {
    width: 10em;
   }
 
+  .subimage {
+    margin-bottom: 0.5em;
+    width: 4em;
+    height: 4em;
+    object-fit: contain;
+  }
+
   .part1 {
     min-width: 150px;
   }