add more side by side placing

Author: Dmitrii Tarasov

project/index.html

@@ -201,21 +201,25 @@ <h2 class="title is-3" style="white-space: nowrap;">Feature-space transformation
     <div class="column is-four-fifths">
       <h2 class="title is-3" style="white-space: nowrap;">Feature-space transformations. Color Swap Examples.</h2>
       <div class="content has-text-justified">
-
-        <div style="text-align: center;">
-          <img src="./static/images/rb_swap.png" alt="rb_swap" width="900">
-          <p class="caption" style="width: 100%; text-align: center;">
-            <b>Figure 5. Red-blue channel swap samples.</b>
-          </p>
-        </div>
-
-        <div style="text-align: center;">
-          <img src="./static/images/color_swap_all_eigen_values.png" alt="color_swap_all_eigen_values" width="900">
-          <p class="caption" style="width: 100%; text-align: center;">
-            <b>Figure 6. Eigenvalues for red-blue channel swap matrix.</b> Majority of eigenvalues are close to 1, which
-            means that the transformation is close to an identity matrix. While the other cluster of eigenvalues are
-            close to -1, which means that for these channels direction is changed to the opposite.
-          </p>
+        <div class="columns is-centered">
+          <div class="column is-half">
+            <div style="text-align: center;">
+              <img src="./static/images/rb_swap.png" alt="rb_swap" width="100%">
+              <p class="caption" style="width: 100%; text-align: center;">
+                <b>Figure 5. Red-blue channel swap samples.</b>
+              </p>
+            </div>
+          </div>
+          <div class="column is-half">
+            <div style="text-align: center;">
+              <img src="./static/images/color_swap_all_eigen_values.png" alt="color_swap_all_eigen_values" width="100%">
+              <p class="caption" style="width: 100%; text-align: center;">
+                <b>Figure 6. Eigenvalues for red-blue channel swap matrix.</b> Majority of eigenvalues are close to 1, which
+                means that the transformation is close to an identity matrix. While the other cluster of eigenvalues are
+                close to -1, which means that for these channels direction is changed to the opposite.
+              </p>
+            </div>
+          </div>
         </div>
       </div>
     </div>