I think shortcode implementation is less elegant.
Found follow implementation:
My 2 cents solution to get images centered and responsive:
![Title](/your-image-url/image.png#center)
In the css:
img[src$='#center'] {
display: block;
margin: 1.0rem auto;
max-width: 100%;
height: auto;
}
But I haven’t succeeded yet.