figure 3 and 4 horizontal space

Author: Dmitrii Tarasov

project/index.html

@@ -181,13 +181,13 @@ <h2 class="title is-3 has-text-centered">Feature-space transformations. Q matrix
           <div class="content">
             <div class="columns is-centered">
               <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">
+                <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">
                   <b>Figure 3. Feature-space transformations. Q matrix Calculation.</b> We then calculate Q matrix for feature-space manupulation.
                 </p>
               </div>
               <div class="column is-half">
-                <img src="./static/images/features_reconstruction_manipulation_eval_Q.drawio.png" alt="features_reconstruction_manipulation_eval_Q" class="is-rounded">
+                <img src="./static/images/features_reconstruction_manipulation_eval_Q.drawio.png" alt="features_reconstruction_manipulation_eval_Q" class="is-rounded mb-4">
                 <p class="caption has-text-centered mb-6">
                   <b>Figure 4. Feature-space transformations. Q matrix Application.</b> After Q matrix is calculated, we apply it to the feature space. For each patch embedding.
                 </p>

project/static/css/index.css

@@ -232,5 +232,25 @@ body {
   cursor: pointer;
 }
 
+/* Vertical line between figures */
+.column.is-half:first-child {
+  position: relative;
+  padding-right: 2rem;
+}
+
+.column.is-half:first-child::after {
+  content: '';
+  position: absolute;
+  right: 0;
+  top: 0;
+  height: 100%;
+  width: 1px;
+  background-color: #dbdbdb;
+}
+
+.column.is-half:last-child {
+  padding-left: 2rem;
+}
+