Tweak image caption margins and allow Markdown

_includes/image.html

@@ -1,6 +1,8 @@
 <figure class="image">
   <a href="{{ include.url }}"><img class="image" src="{{ include.thumbnail | default: include.url }}" /></a>
 {% if include.description %}
-  <figcaption><div class="imagecaption">{{ include.description }}</div></figcaption>
+  <figcaption><div class="imagecaption" markdown="block">
+  {{ include.description }}
+  </div></figcaption>
 {% endif %}
 </figure>

_includes/youtube.html

@@ -1,6 +1,8 @@
 <div class="image">
   <iframe class="youtube" src="https://www.youtube-nocookie.com/embed/{{ include.video }}"><a href="https://www.youtube.com/watch?v={{ include.video }}">[Watch YouTube video]</a></iframe>
 {% if include.description %}
-  <div class="imagecaption">{{ include.description }}</div>
+  <div class="imagecaption" markdown="block">
+  {{ include.description }}
+  </div>
 {% endif %}
 </div>

_posts/2021-12-01-86box-v3-0.md

@@ -215,7 +215,7 @@ As of writing, the user interface is not finished yet, as it took us some time t
 
 Our plan is to release the Linux and macOS version alongside a minor release in the not-so-distant future. For now, interested users can download experimental Linux builds from [Jenkins](https://ci.86box.net/job/86Box/), or use CMake to compile manually from the master branch on [our GitHub repository](https://github.com/86Box/86Box). The Jenkins builds and main GitHub repository currently have a barebones user interface developed by [**Cacodemon345**](https://github.com/Cacodemon345), with command line controls similar to QEMU's Monitor, requiring manual editing of `86box.cfg` to configure emulated machines.
 
-{% include image.html url="/assets/images/v3.0/newui.png" description="Preliminary version of the new user interface on Linux and macOS. (courtesy of <a href='https://github.com/dob205'><b>dob205</b></a>)" %}
+{% include image.html url="/assets/images/v3.0/newui.png" description="Preliminary version of the new user interface on Linux and macOS. (courtesy of [**dob205**](https://github.com/dob205)\)" %}
 
 
 {% include imageheading.html url="/assets/images/v3.0/contributors.png" heading="Contributors" %}

assets/css/style.css

@@ -153,6 +153,12 @@ div#socialold {
 .image {
 	text-align: center;
 }
+div.image, figure.image {
+	margin-top: 1em;
+	margin-bottom: 1em;
+	margin-left: 0px;
+	margin-right: 0px;
+}
 img.heading {
 	max-width: 100%;
 	width: auto;
@@ -166,6 +172,9 @@ img.image {
 div.imagecaption {
 	display: inline;
 }
+div.imagecaption > p {
+	margin: 0px;
+}
 hr {
 	border-color: #808080;
 	width: 100%;