SlideShow is longer and no copyrighted images

index2.html

@@ -95,9 +95,9 @@
   /* Fading animation */
   .fade {
     -webkit-animation-name: fade;
-    -webkit-animation-duration: 1.5s;
+    -webkit-animation-duration: 4.5s;
     animation-name: fade;
-    animation-duration: 1.5s;
+    animation-duration: 4.5s;
   }
 
   @-webkit-keyframes fade {
@@ -125,19 +125,19 @@
 
   <div class="mySlides fade">
     <div class="numbertext">1 / 3</div>
-    <img src="testpic2.jpg" style="width:100%">
+    <img src="test1.png" style="width:100%">
     <div class="text">Caption Text</div>
   </div>
 
   <div class="mySlides fade">
     <div class="numbertext">2 / 3</div>
-    <img src="testpic1.jpg" style="width:100%">
+    <img src="test2.png" style="width:100%">
     <div class="text">Caption Two</div>
   </div>
 
   <div class="mySlides fade">
     <div class="numbertext">3 / 3</div>
-    <img src="influencer-1240.jpg" style="width:100%">
+    <img src="test3.png" style="width:100%">
     <div class="text">Caption Three</div>
   </div>
 
@@ -168,7 +168,7 @@
     }
     slides[slideIndex-1].style.display = "block";
     dots[slideIndex-1].className += " active";
-    setTimeout(showSlides, 2000); // Change image every 2 seconds
+    setTimeout(showSlides, 5000); // Change image every 2 seconds
   }
   </script>