update slide images

docs/components.html

@@ -1149,17 +1149,17 @@ document
         <div class="slider" id="mySlider">
           <div class="slide-group">
             <div class="slide">
-              <img src="../assets/img/slide-1.jpg">
+              <img src="../assets/img/slide-1.png">
               <span class="slide-text">
                 <span class="icon icon-left-nav"></span>
                 Slide me
               </span>
             </div>
             <div class="slide">
-              <img src="../assets/img/slide-2.jpg">
+              <img src="../assets/img/slide-2.png">
             </div>
             <div class="slide">
-              <img src="../assets/img/slide-3.jpg">
+              <img src="../assets/img/slide-3.png">
             </div>
           </div>
         </div>
@@ -1169,17 +1169,17 @@ document
 <div class="slider" id="mySlider">
   <div class="slide-group">
     <div class="slide">
-      <img src="../assets/img/slide-1.jpg">
+      <img src="../assets/img/slide-1.png">
       <span class="slide-text">
         <span class="icon icon-left-nav"></span>
         Slide me
       </span>
     </div>
     <div class="slide">
-      <img src="../assets/img/slide-2.jpg">
+      <img src="../assets/img/slide-2.png">
     </div>
     <div class="slide">
-      <img src="../assets/img/slide-3.jpg">
+      <img src="../assets/img/slide-3.png">
     </div>
   </div>
 </div>