Update styles.css

styles.css

@@ -82,10 +82,20 @@ header .balance-display {
 }
 
 /* Game screen styling */
+.sky-image {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: fill; /* Ensures the image fits the container */
+  z-index: -1;
+}
+
 .game-screen {
   position: relative;
   width: 100%;
-  aspect-ratio: 16 / 9; /* Ensures 16:9 aspect ratio */
+  aspect-ratio: 16 / 9;
   border: 2px solid #e63946;
   border-radius: 10px;
   overflow: hidden;
@@ -93,19 +103,7 @@ header .balance-display {
   display: flex;
   align-items: flex-end;
   justify-content: flex-start;
-  background: #000; /* Fallback if video isn't loaded */
-  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);
-}
-
-/* Updated sky-image styles */
-.sky-image {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  object-fit: fill; /* Ensures the image fills the container without distortion */
-  z-index: -1;
+  background: #000; /* Fallback color */
 }
 
 /* Adjusted plane position */