Align picture to center

[Mighten]

Hi, @dsrkafuu, first I want to thank you for providing this wonderful theme!

Recently, I cannot arrange a pictures to the center of a paragraph, by the following Markdown syntax:

![alt text](/path/to/file.svg)

Is there a possible way to align a picture to the center of a paragraph, by Markdown Syntax (Not <img> tag)?

Thank you!

---

F.Y.I., the Mermaid can align a diagram to the center, configurations shown below:

in /layouts/partials/mermaid.html:

<script defer src="https://cdn.jsdelivr.net/npm/mermaid@latest/dist/mermaid.min.js"></script>

<script>
    // Replace mermaid pre.code to div
    Array.from(document.getElementsByClassName("language-mermaid")).forEach(
      (el) => {
        el.parentElement.outerHTML = `<div class="mermaid">${el.innerText}</div>`;
      }
    );
</script>
<style>
/* Set svg to center */
.mermaid svg {
    display: block;
    margin: auto;
    background-color: rgba(255, 255, 255, 0.5);
}
</style>