figure 3 and 4 horizontal space

Author: Dmitrii Tarasov

project/index.html

@@ -179,7 +179,7 @@ <h2 class="title is-3 has-text-centered">Reconstruct images from feature space</
         <div class="column is-four-fifths">
           <h2 class="title is-3 has-text-centered">Feature-space transformations. Q matrix Calculation and Application.</h2>
           <div class="content">
-            <div class="columns is-centered">
+            <div class="columns is-centered has-vertical-divider">
               <div class="column is-half">
                 <img src="./static/images/features_reconstruction_manipulation_train_Q.drawio.png" alt="features_reconstruction_manipulation_train_Q" class="is-rounded mb-4">
                 <p class="caption has-text-centered mb-6">

project/static/css/index.css

@@ -233,22 +233,22 @@ body {
 }
 
 /* Vertical line between figures */
-.column.is-half:first-child {
+.has-vertical-divider .column.is-half:first-child {
   position: relative;
   padding-right: 2rem;
 }
 
-.column.is-half:first-child::after {
+.has-vertical-divider .column.is-half:first-child::after {
   content: '';
   position: absolute;
   right: 0;
-  top: 0;
-  height: 100%;
-  width: 1px;
+  top: 10%;
+  height: 80%;
+  width: 2px;
   background-color: #dbdbdb;
 }
 
-.column.is-half:last-child {
+.has-vertical-divider .column.is-half:last-child {
   padding-left: 2rem;
 }