svg

spin-wheel/index.html

@@ -110,10 +110,10 @@ function draw() {
         </div>
     
 
-<img class="top-left-corner" src="/svg/dream-catcher.svg">
-<img class="top-right-corner" src="/svg/moon-stars.svg">
-<img class="bottom-left-corner" src="/svg/crystalsleft.svg">
-<img class="bottom-right-corner" src="/svg/crystalsright.svg">
+<img class="top-left-corner" src="/spin-wheel/svg/moon-stars.svg">
+<img class="top-right-corner" src="/spin-wheel/svg/dream-catcher.svg">
+<img class="bottom-left-corner" src="/spin-wheel/svg/crystalsleft.svg">
+<img class="bottom-right-corner" src="/spin-wheel/svg/crystalsright.svg">
 
 
 

spin-wheel/style.css

@@ -13,7 +13,7 @@ html::before { /* Add a pseudo-element to the html element */
     bottom: 0;
     z-index: -1; /* Set a negative z-index to move the pseudo-element below the content */
     background: url(bg-images/bg4.jpg) no-repeat center center fixed;
-    background-size: cover;
+    background-size: 200%;
 
     /* Add animation properties */
     -webkit-animation: spin 100s linear infinite;
@@ -78,8 +78,8 @@ html::before { /* Add a pseudo-element to the html element */
 }
 
   .slide {
-    width: 350px;
-    margin: 3%;
+    width: 100%;
+    margin: 0%;
   }
 
   #wheel{