diff --git a/spin-wheel/bg-images/bg4.jpg b/spin-wheel/bg-images/bg4.jpg
new file mode 100644
index 0000000..538e22a
Binary files /dev/null and b/spin-wheel/bg-images/bg4.jpg differ
diff --git a/spin-wheel/index.html b/spin-wheel/index.html
index 0f98369..77b3718 100644
--- a/spin-wheel/index.html
+++ b/spin-wheel/index.html
@@ -20,7 +20,7 @@ questions.onreadystatechange = function() {
 questions.send();
 
 function preload(){
-    img=loadImage('wheel.svg');
+    img=loadImage('wheel1.svg');
 }
 function setup() {
     var canvas = createCanvas(windowWidth/2, windowHeight/2);
diff --git a/spin-wheel/style.css b/spin-wheel/style.css
index 94c198b..f5bb7a1 100644
--- a/spin-wheel/style.css
+++ b/spin-wheel/style.css
@@ -2,7 +2,7 @@ html {
     position: relative; /* Make the html element a positioned parent */
   }
   
-  html::before { /* Add a pseudo-element to the html element */
+html::before { /* Add a pseudo-element to the html element */
     content: "";
     position: fixed;
     width: 200vw;
@@ -12,8 +12,8 @@ html {
     right: 0;
     bottom: 0;
     z-index: -1; /* Set a negative z-index to move the pseudo-element below the content */
-    background: url(bg-images/bg2.jpg) no-repeat center center fixed; 
-    background-size: 100%;
+    background: url(bg-images/bg4.jpg) no-repeat center center fixed;
+    background-size: cover;
 
     /* Add animation properties */
     -webkit-animation: spin 100s linear infinite;
@@ -40,7 +40,7 @@ html {
       transform: rotate(360deg);
     }
   }
-  
+
   .top-left-corner{
     position: fixed;
     top: 0px;
@@ -88,7 +88,7 @@ html {
   }
 
   button{
-      color:antiquewhite;
+      color:black;
       background-color:cyan;
       position: center;
       top:6%;
diff --git a/spin-wheel/wheel.svg b/spin-wheel/wheel1.svg
similarity index 100%
rename from spin-wheel/wheel.svg
rename to spin-wheel/wheel1.svg