diff --git a/docs/_includes/components/media.html b/docs/_includes/components/media.html
index 50ef7bc37c0f2291ca904ecbfcca58a766cf6f1b..6f31804bf5e9a236e125f9c8c1693b6dd942fd67 100644
--- a/docs/_includes/components/media.html
+++ b/docs/_includes/components/media.html
@@ -9,7 +9,7 @@
     <div class="media">
       <div class="media-left">
         <a href="#">
-          <img data-src="holder.js/64x64" alt="Generic placeholder image">
+          <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image">
         </a>
       </div>
       <div class="media-body">
@@ -20,7 +20,7 @@
     <div class="media">
       <div class="media-left">
         <a href="#">
-          <img data-src="holder.js/64x64" alt="Generic placeholder image">
+          <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image">
         </a>
       </div>
       <div class="media-body">
@@ -29,7 +29,7 @@
         <div class="media">
           <div class="media-left">
             <a href="#">
-              <img data-src="holder.js/64x64" alt="Generic placeholder image">
+              <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image">
             </a>
           </div>
           <div class="media-body">
@@ -46,14 +46,14 @@
       </div>
       <div class="media-right">
         <a href="#">
-          <img data-src="holder.js/64x64" alt="Generic placeholder image">
+          <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image">
         </a>
       </div>
     </div>
     <div class="media">
       <div class="media-left">
         <a href="#">
-          <img data-src="holder.js/64x64" alt="Generic placeholder image">
+          <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image">
         </a>
       </div>
       <div class="media-body">
@@ -62,7 +62,7 @@
       </div>
       <div class="media-right">
         <a href="#">
-          <img data-src="holder.js/64x64" alt="Generic placeholder image">
+          <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image">
         </a>
       </div>
     </div>
@@ -71,7 +71,7 @@
 <div class="media">
   <div class="media-left">
     <a href="#">
-      <img src="..." alt="...">
+      <img class="media-object" src="..." alt="...">
     </a>
   </div>
   <div class="media-body">
@@ -88,7 +88,7 @@
     <div class="media">
       <div class="media-left">
         <a href="#">
-          <img data-src="holder.js/64x64" alt="Generic placeholder image">
+          <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image">
         </a>
       </div>
       <div class="media-body">
@@ -100,7 +100,7 @@
     <div class="media">
       <div class="media-left media-middle">
         <a href="#">
-          <img data-src="holder.js/64x64" alt="Generic placeholder image">
+          <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image">
         </a>
       </div>
       <div class="media-body">
@@ -112,7 +112,7 @@
     <div class="media">
       <div class="media-left media-bottom">
         <a href="#">
-          <img data-src="holder.js/64x64" alt="Generic placeholder image">
+          <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image">
         </a>
       </div>
       <div class="media-body">
@@ -126,7 +126,7 @@
 <div class="media">
   <div class="media-left media-middle">
     <a href="#">
-      <img src="..." alt="...">
+      <img class="media-object" src="..." alt="...">
     </a>
   </div>
   <div class="media-body">
@@ -143,7 +143,7 @@
       <li class="media">
         <div class="media-left">
           <a href="#">
-            <img data-src="holder.js/64x64" alt="Generic placeholder image">
+            <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image">
           </a>
         </div>
         <div class="media-body">
@@ -153,7 +153,7 @@
           <div class="media">
             <div class="media-left">
               <a href="#">
-                <img data-src="holder.js/64x64" alt="Generic placeholder image">
+                <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image">
               </a>
             </div>
             <div class="media-body">
@@ -163,7 +163,7 @@
               <div class="media">
                 <div class="media-left">
                   <a href="#">
-                    <img data-src="holder.js/64x64" alt="Generic placeholder image">
+                    <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image">
                   </a>
                 </div>
                 <div class="media-body">
@@ -177,7 +177,7 @@
           <div class="media">
             <div class="media-left">
               <a href="#">
-                <img data-src="holder.js/64x64" alt="Generic placeholder image">
+                <img class="media-object" data-src="holder.js/64x64" alt="Generic placeholder image">
               </a>
             </div>
             <div class="media-body">
@@ -194,7 +194,7 @@
   <li class="media">
     <div class="media-left">
       <a href="#">
-        <img src="..." alt="...">
+        <img class="media-object" src="..." alt="...">
       </a>
     </div>
     <div class="media-body">