diff --git a/index.html b/index.html
index 0313d5d..c83610c 100644
--- a/index.html
+++ b/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>
diff --git a/static/css/index.css b/static/css/index.css
index b2fda28..93b2b99 100644
--- a/static/css/index.css
+++ b/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;
+  }
 }