diff --git a/src/components/HomePage/HomePage.tsx b/src/components/HomePage/HomePage.tsx
index 2e97ebc..d7f85ea 100644
--- a/src/components/HomePage/HomePage.tsx
+++ b/src/components/HomePage/HomePage.tsx
@@ -225,13 +225,13 @@ const HomePage = () => {
             item
             xs={12}
             lg={6}
-            style={{
+            sx={{
               marginTop: "2.2rem",
               backgroundImage: `url(${back})`,
-              backgroundSize: "auto 95vh",
+              backgroundSize: "contain",
               backgroundRepeat: "no-repeat",
-              backgroundPosition: "right",
-              height: "100vh",
+              backgroundPosition: "center center",
+              height: { xs: "50vh", lg: "100vh" },
             }}
           />