image caption too far away

[tripodsan]

Description
the image caption is rendered too far from the image, if it ends with a paragraph break:

![](https://hlx.blob.core.windows.net/external/1917c7d063f1ebcf6c669d8b1febd046bbd80e90#image.jpeg)

_Left: [Photo of a porcelain blue vase](https://www.rijksmuseum.nl/en/collection/AK-RBK-15964) from the Rijksmuseum collection; Right: [3D model inspired by this vase](https://stock.adobe.com/3d-assets/antique-porcelain-vase/232546640) from Adobe Stock._

<p><img src="/hlx_1917c7d063f1ebcf6c669d8b1febd046bbd80e90.jpeg"></p>
<p><em>Left: <a href="https://www.rijksmuseum.nl/en/collection/AK-RBK-15964">Photo of a porcelain blue vase</a> from the Rijksmuseum collection; Right: <a href="https://stock.adobe.com/3d-assets/antique-porcelain-vase/232546640">3D model inspired by this vase</a> from Adobe Stock.</em></p>

---

where as having a softbreak before renders it correctly:

![](https://hlx.blob.core.windows.net/external/995520e0cfe210e6f6808a5086c9293330143091#image.jpeg)  


_Left: [Photo of a painting of a tulip](https://www.rijksmuseum.nl/en/collection/RP-T-1948-60) by Louis Moritz from the RIjksmuseum Collection; Right: [3D model inspired by the same tulip](https://stock.adobe.com/3d-assets/white-and-pink-tulip/232545911) on Adobe Stock._

<p><img src="/hlx_995520e0cfe210e6f6808a5086c9293330143091.jpeg">  </p>
<p><em>Left: <a href="https://www.rijksmuseum.nl/en/collection/RP-T-1948-60">Photo of a painting of a tulip</a> by Louis Moritz from the RIjksmuseum Collection; Right: <a href="https://stock.adobe.com/3d-assets/white-and-pink-tulip/232545911">3D model inspired by the same tulip</a> on Adobe Stock.</em></p>

[kptdobe]

I think this should be a https://github.com/adobe/theblog issue since this is were we handle captions: https://github.com/adobe/theblog/blob/7b81cb4cc4eed513b748f46fb69839ae6e4d1094/scripts/post.js#L305-L342