updates images, changes step description

server/static/css/main.css

@@ -40,6 +40,7 @@ body
     color: #333;
     text-align: center;
     margin: 1rem;
+    font-size: 1.2rem;
 }
 
 .primeblue {
@@ -47,12 +48,20 @@ body
 }
 
 .title {
-    font-size: 5rem;
+    font-size: 3rem;
     font-weight: bold;
     text-align: center;
     margin: 1rem;
 }
 
+.whiteblock {
+    display: flex;
+    background-color: #fff;
+    align-items: center; 
+    justify-content: center;
+    margin-left: 10rem;
+    margin-right: 10rem;
+}
 .grayblock {
     background-color: #ddd;
     align-items: center;
@@ -67,6 +76,28 @@ body
     display: flex;
     flex-wrap: wrap;
 }
+.vertical {
+    font-size: 1.5rem;
+    display: flex;
+    flex-direction: column;
+    text-align: left;
+}
+.vertical .content {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    align-items: center;
+    margin: 2rem
+}
+
+.vertical .content .image {
+    width: 25rem;
+}
+
+.vertical .content .text {
+    margin-left: 2rem;
+    width: 26rem;
+}
 
 .horizontal .content {
     font-size: 2rem;
@@ -77,7 +108,7 @@ body
     margin: 1rem;
     margin-left: 4rem;
     margin-right: 4rem;
-    height: 30rem;
+    height: 20rem;
     border-radius: 1rem;
     width: auto;
 }