Fix image styling (#682)

* Fix image styling

* fix

Author: reakaleek

src/Elastic.Markdown/Assets/markdown/images.css

@@ -0,0 +1,18 @@
+@layer components {
+	.markdown-content {
+		a.image-reference {
+			@apply block mt-4 align-middle;
+			&>img {
+				@apply block;
+			}
+		}
+		/* 
+		 * tailwind reset makes all images `display: block`
+		 * this resets it to `display: initial`
+		 */
+		img {
+			display: initial;
+			vertical-align: initial;
+		}
+	}
+}

src/Elastic.Markdown/Assets/styles.css

@@ -10,6 +10,7 @@
 @import "./markdown/dropdown.css";
 @import "./markdown/table.css";
 @import "./markdown/definition-list.css";
+@import "./markdown/images.css";
 
 
 :root {