diff --git a/src/App/mediarules.css b/src/App/mediarules.css
index 1317257a454783c2aa00cdd47adf6771b9170782..a25e810be9c1214b7b24583a695a71d3224ba31c 100644
--- a/src/App/mediarules.css
+++ b/src/App/mediarules.css
@@ -149,6 +149,14 @@ h2, h3 {
 
 body {
     padding: 10px !important;
+    width: 100%;
+    overflow-x: hidden; /* Prevents horizontal scrolling */
+    margin: 0;
+    padding: 0;
+    background-size: cover; /* Ensures the background scales to cover the entire screen */
+    background-position: center; /* Keeps the background centered */
+    background-repeat: no-repeat;
+}
 }
 
 .img-half{
@@ -161,7 +169,7 @@ body {
  .row{
     display: grid !important;
  }
-}
+
 /*For small Smartphones*/
 @media screen and (max-width: 750px){