Update view to put the divisions on separate row

docs/_layouts/home.html

@@ -5,16 +5,20 @@
   <div class="col-md-10 blog-main">
 
   <hr>
-    <div style="display: flex; justify-content: center;">
-      <div class="col-md-5" style="flex: 1; margin-right: 10px;">
-      <iframe src="https://snapshots.raintank.io/dashboard-solo/snapshot/uoSZBL9gVMvPFa3x8Xg119DfrQD7bWjr?orgId=2&from=1672531200000&to=1704067199999&panelId=6" width="450" height="200" frameborder="0"></iframe>
-    </div>
-    <div class="col-md-5" style="flex: 1; margin-left: 10px;">
-      <p class="lead">
-        <h4>Purpose of this site</h4>
-        This portal summarizes all the information related to monthly simulation production campaigns for the ePIC collaboration. It is developed and maintained by the ePIC production WG.
-      </p>
-    </div>
+    <div class="container">
+      <div class="row">
+        <div class="col-md-5">
+          <p class="lead">
+            <h4>Purpose of this site</h4>
+            This portal summarizes all the information related to monthly simulation production campaigns for the ePIC collaboration. It is developed and maintained by the ePIC production WG.
+          </p>
+        </div>
+      </div>
+      <div class="row">
+        <div class="col-md-5">
+          <iframe src="https://snapshots.raintank.io/dashboard-solo/snapshot/uoSZBL9gVMvPFa3x8Xg119DfrQD7bWjr?orgId=2&from=1672531200000&to=1704067199999&panelId=6" width="100%" height="200" frameborder="0"></iframe>
+        </div>
+      </div>
     </div>
   <hr>