Figures with Captions
Information
We use the caption plugin to automatically number and cross-reference figures and tables in Material for MkDocs.
The Markdown way to add an image is a Markdown link preceded by an exclamation mark:

By using the attribute list syntax we can add CSS classes, id, attributes etc, without resorting to HTML.
{ width=300px #MyImgId }
Here is an example:
{ width=300px #MyElephant}
Like with tables, we reference the image by its id by an "empty" link:
The beautiful specimen in [](#MyElephant) is a bull with the name of Kevin.
The beautiful specimen in Figure 1 is a bull with the name of Kevin.