replacing the slider images with small jpgs

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.png" alt="Mountain and sky">
+              <img src="/assets/img/slide-1.jpg" alt="Mountain and sky">
               <span class="slide-text">
                 <span class="icon icon-left-nav"></span>
                 Slide me
               </span>
             </div>
             <div class="slide">
-              <img src="/assets/img/slide-2.png" alt="Giant mecha">
+              <img src="/assets/img/slide-2.jpg" alt="Giant mecha">
             </div>
             <div class="slide">
-              <img src="/assets/img/slide-3.png" alt="Big Ben">
+              <img src="/assets/img/slide-3.jpg" alt="Big Ben">
             </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.png">
+      <img src="/assets/img/slide-1.jpg">
       <span class="slide-text">
         <span class="icon icon-left-nav"></span>
         Slide me
       </span>
     </div>
     <div class="slide">
-      <img src="/assets/img/slide-2.png">
+      <img src="/assets/img/slide-2.jpg">
     </div>
     <div class="slide">
-      <img src="/assets/img/slide-3.png">
+      <img src="/assets/img/slide-3.jpg">
     </div>
   </div>
 </div>