I think shortcode implementation is less elegant.
Found follow implementation:
My 2 cents solution to get images centered and responsive:

In the css:
img[src$='#center'] {
display: block;
margin: 1.0rem auto;
max-width: 100%;
height: auto;
}
But I haven’t succeeded yet.