✨ feat(shortcodes): add inline option to image shortcodes (#315)

sass/parts/_image-hover.scss

@@ -1,21 +1,22 @@
 .image-hover-container {
-    display: inline-block;
     position: relative;
     width: 100%;
 
     .image-default {
-        display: block;
+        display: inline;
     }
 
     .image-hovered {
         display: none;
     }
 
-    &:hover .image-hovered {
-        display: block;
-    }
+    &:hover {
+        .image-default {
+            display: none;
+        }
 
-    &:hover .image-default {
-        display: none;
+        .image-hovered {
+            display: inline;
+        }
     }
 }

sass/parts/_image.scss

@@ -37,11 +37,21 @@ figure h4::before {
 
 .img-dark {
     display: none;
+    &.inline{
+        display: none;
+    }
+}
+
+.img-light.inline {
+    display: inline;
 }
 
 [data-theme="dark"] {
     .img-dark {
         display: block;
+        &.inline {
+            display: inline;
+        }
     }
 
     .img-light {