From 7cb3b7b2d0247fa99eff46e0160b3fca186e3c63 Mon Sep 17 00:00:00 2001
From: openhands <openhands@all-hands.dev>
Date: Fri, 6 Dec 2024 19:23:36 +0000
Subject: [PATCH] Fix system image width with responsive container

---
 docs/assets/css/styles.css | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/docs/assets/css/styles.css b/docs/assets/css/styles.css
index 7ae44cc..c816815 100644
--- a/docs/assets/css/styles.css
+++ b/docs/assets/css/styles.css
@@ -200,18 +200,18 @@ pre {
 .sys-img {
   text-align: center;
   margin: 30px auto;
-  width: 70%;
-  height: 400px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
+  width: 100%;
+  max-width: 900px;
+  position: relative;
+  padding-bottom: 40%;
 }
 
 .sys-img img {
-  width: auto;
-  height: auto;
-  max-width: 100%;
-  max-height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
   object-fit: contain;
 }