[RobertWK]

It looks like this:

<div style="text-indent:0;text-align:center;margin-right:auto;margin-left:auto;width:99%;page-break-before:auto;page-break-inside:avoid;page-break-after:auto;">
<div style="margin-left:0;margin-right:0;text-align:center;text-indent:0;width:100%;">
<p style="display:inline-block;text-indent:0;width:100%;">
   <figure>
   <img alt="Some text" src="IMG_9963.jpg" style="width:99%;"/> 
   <figcaption>
   <i class="calibre1">Some text</i>
   </figcaption>
   </figure>
</p>
</div>
</div>

I only changed the text and added line breaks for readability.

Pretty much everywhere where I'm using a figure looks like this with only derivation of the text and file names.