diff --git a/images/10.jpg b/images/10.jpg
new file mode 100644
index 0000000..53b76e6
Binary files /dev/null and b/images/10.jpg differ
diff --git a/images/6.jpg b/images/6.jpg
new file mode 100644
index 0000000..a7892e4
Binary files /dev/null and b/images/6.jpg differ
diff --git a/images/7.jpg b/images/7.jpg
new file mode 100644
index 0000000..c482077
Binary files /dev/null and b/images/7.jpg differ
diff --git a/images/8.jpg b/images/8.jpg
new file mode 100644
index 0000000..9d79ad5
Binary files /dev/null and b/images/8.jpg differ
diff --git a/images/9.jpg b/images/9.jpg
new file mode 100644
index 0000000..b53ba22
Binary files /dev/null and b/images/9.jpg differ
diff --git a/index.html b/index.html
index c9063a1..d33bf23 100644
--- a/index.html
+++ b/index.html
@@ -5,35 +5,35 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link href="favicon.ico" rel="icon" type="image/x-icon" />
     <style>
-* {box-sizing: border-box;}
-body {font-family: Verdana, sans-serif;}
-.mySlides {display: none;}
-img {vertical-align: middle;}
+      * {box-sizing: border-box;}
+      body {font-family: Verdana, sans-serif;}
+      .mySlides {display: none;}
+      img {vertical-align: middle;}
 
-/* Slideshow container */
-.slideshow-container {
-  position: relative;
-  margin: auto;
-  text-align: center;
-}
+      /* Slideshow container */
+      .slideshow-container {
+        position: relative;
+        margin: auto;
+        text-align: center;
+      }
 
-/* Fading animation */
-.fade {
-  -webkit-animation-name: fade;
-  -webkit-animation-duration: 1.5s;
-  animation-name: fade;
-  animation-duration: 1.5s;
-}
+      /* Fading animation */
+      .fade {
+        -webkit-animation-name: fade;
+        -webkit-animation-duration: 1.5s;
+        animation-name: fade;
+        animation-duration: 1.5s;
+      }
 
-@-webkit-keyframes fade {
-  from {opacity: .4}
-  to {opacity: 1}
-}
+      @-webkit-keyframes fade {
+        from {opacity: .2}
+        to {opacity: 1}
+      }
 
-@keyframes fade {
-  from {opacity: .4}
-  to {opacity: 1}
-}
+      @keyframes fade {
+        from {opacity: .2}
+        to {opacity: 1}
+      }
     </style>
   </head>
   <body>
@@ -55,24 +55,39 @@ img {vertical-align: middle;}
       <div class="mySlides fade">
         <img src="images/5.jpg">
       </div>
+      <div class="mySlides fade">
+        <img src="images/6.jpg">
+      </div>
+      <div class="mySlides fade">
+        <img src="images/7.jpg">
+      </div>
+      <div class="mySlides fade">
+        <img src="images/8.jpg">
+      </div>
+      <div class="mySlides fade">
+        <img src="images/9.jpg">
+      </div>
+      <div class="mySlides fade">
+        <img src="images/10.jpg">
+      </div>
 
     </div>
 
     <script>
-      var slideIndex = 0;
-showSlides();
+      var slideIndex = Math.floor(Math.random() * 10);
+      showSlides();
 
-function showSlides() {
-  var i;
-  var slides = document.getElementsByClassName("mySlides");
-  for (i = 0; i < slides.length; i++) {
-    slides[i].style.display = "none";
-  }
-  slideIndex++;
-  if (slideIndex > slides.length) {slideIndex = 1}
-  slides[slideIndex-1].style.display = "block";
-  setTimeout(showSlides, 5000); // Change image every 2 seconds
-}
+      function showSlides() {
+        var i;
+        var slides = document.getElementsByClassName("mySlides");
+        for (i = 0; i < slides.length; i++) {
+          slides[i].style.display = "none";
+        }
+        slideIndex++;
+        if (slideIndex > slides.length) {slideIndex = 1}
+        slides[slideIndex-1].style.display = "block";
+        setTimeout(showSlides, 3500); // Change image every 3 seconds
+      }
     </script>
 
   </body>
