change mergin

index.html

@@ -143,7 +143,7 @@ <h2 class="title is-3">Abstract</h2>
               Furthermore, the learned RL policy that supports simultaneous base activities, such as locomotion and gaze control, allows entertainment robots to engage more dynamically and interactively with users rather than merely replaying static, pre-designed dance routines.
             </p>
           </div>
-          <img src="static/images/overview.jpg" alt="MY ALT TEXT" style="width: 800px; height: auto; display: block; margin: 0 auto;" />
+          <img src="static/images/overview.jpg" alt="MY ALT TEXT" style="width: 100%; height: auto; display: block; margin: 0 auto;" />
         </div>
       </div>
     </div>

static/css/index.css

@@ -139,6 +139,15 @@ body {
   align-items: center;
   text-align: center;
   flex-direction: column;
+  width: 100%;
+  padding: 0 10px;
+}
+
+@media (min-width: 769px) {
+  .center-content {
+    width: 800px;
+    margin: 0 auto;
+  }
 }