diff --git a/assets/css/theme.css b/assets/css/theme.css
index 5b42cfcb..4ba41d30 100644
--- a/assets/css/theme.css
+++ b/assets/css/theme.css
@@ -13,7 +13,6 @@
 }
 .carousel-item,
 .carousel-item.active {
-  -webkit-transition-timing-function: cubic-bezier(.45,.18,0,1);
   transition-timing-function: cubic-bezier(.45,.18,0,1);
 }
 @media (min-width: 768px) {
diff --git a/index.html b/index.html
index 7278c1ec..1ec29f20 100644
--- a/index.html
+++ b/index.html
@@ -543,19 +543,19 @@ <h3>Carousel DATA API</h3>
   &lt;!-- Wrapper for slides --&gt;
   &lt;div class="carousel-inner"&gt;
     &lt;div class="carousel-item active"&gt;
-      &lt;img src="..." alt="..."&gt;
+      &lt;img class="img-fluid" src="..." alt="..."&gt;
       &lt;div class="carousel-caption"&gt;
       &lt;h3&gt;This is a carousel caption&lt;/h3&gt;
       &lt;/div&gt;
     &lt;/div&gt;
     &lt;div class="carousel-item"&gt;
-      &lt;img src="..." alt="..."&gt;
+      &lt;img class="img-fluid" src="..." alt="..."&gt;
       &lt;div class="carousel-caption"&gt;
       &lt;h3&gt;This is a caption&lt;/h3&gt;
       &lt;/div&gt;
     &lt;/div&gt;
     &lt;div class="carousel-item"&gt;
-      &lt;img src="..." alt="..."&gt;
+      &lt;img class="img-fluid" src="..." alt="..."&gt;
       &lt;div class="carousel-caption"&gt;
       &lt;h3&gt;This is another caption&lt;/h3&gt;
       &lt;/div&gt;
@@ -662,19 +662,19 @@ <h3>Carousel Example</h3>
                   <!-- Wrapper for slides -->
                   <div class="carousel-inner" role="listbox">
                     <div class="carousel-item">
-                      <img src="https://unsplash.it/837/300?image=0" alt="">
+                      <img class="img-fluid" src="https://unsplash.it/837/300?image=0" alt="">
                       <div class="carousel-caption">
                         <h3>This is another carousel</h3>
                       </div>
                     </div>
                     <div class="carousel-item">
-                      <img src="https://unsplash.it/837/300?image=10" alt="">
+                      <img class="img-fluid" src="https://unsplash.it/837/300?image=10" alt="">
                       <div class="carousel-caption">
                         <h3>This is a caption</h3>
                       </div>
                     </div>
                     <div class="carousel-item">
-                      <img src="https://unsplash.it/837/300?image=210" alt="">
+                      <img class="img-fluid" src="https://unsplash.it/837/300?image=210" alt="">
                       <div class="carousel-caption">
                         <h3>This is another caption</h3>
                       </div>