このようなデザインはいかがですか？
どのようにしているのか気になっていたのですが、CSSの右フロートと左フロートを使って実現できます。
記述形式
画像を右寄せしたい場合
<div class="pull-right"><img src="画像URL" ></div>画像を左寄せしたい場合
<div class="pull-left"><img src="画像URL" ></div>
注意点
マークダウンとHTMLを混合して記述する場合には、記述する範囲を分けます。
HTML記述内にマークダウンを記述するとマークダウンがそのまま表示されてしまいます。
おまけ
Convert Markdown to HTML
https://markdowntohtml.com/
マークダウンををHTML形式に変換してくれるサイトです。
それでは、良い一日をお過ごしください