Add class for responsive images

docs_overrides/style/extra.css

@@ -1,3 +1,23 @@
+.md-button {
+    border-radius: 100px !important;
+}
+
+img.responsive {
+    width: 100%;
+    height: auto;
+}
+
+.transparent-grid {
+    display: inline-block;
+    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgAQMAAABJtOi3AAAABlBMVEWZmZlmZmZYfKrVAAAAE0lEQVQI12P4/5+BgZoEA3VNBADtvT/BrQ+bEwAAAABJRU5ErkJggg==);
+    background-repeat: repeat;
+}
+
+.md-typeset video {
+    height: auto;
+    max-width: 100%;
+}
+
 @keyframes heart {
 
     0%, 40%, 80%, 100% {
@@ -14,21 +34,6 @@
     animation: heart 1000ms infinite;
 }
 
-.md-button {
-    border-radius: 100px !important;
-}
-
-.transparent-grid {
-    display: inline-block;
-    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgAQMAAABJtOi3AAAABlBMVEWZmZlmZmZYfKrVAAAAE0lEQVQI12P4/5+BgZoEA3VNBADtvT/BrQ+bEwAAAABJRU5ErkJggg==);
-    background-repeat: repeat;
-}
-
-.md-typeset video {
-    height: auto;
-    max-width: 100%;
-}
-
 #support-widget {
     position: fixed;
     bottom: 80px;