JSFiddle - React, Tailwind, and code Playground

HTML

<h2>Ausgangsbasis</h2>
<figure>
<img src="http://www.maurice-web.de/blogbeispiele/farn.jpg" alt="Farn">
<figcaption>Farn ist eine der ältesten Pflanzen, die es wohl schon zu Zeiten der Dinosaurier gab. Bei uns wächst er hinter dem Nadelbaum.</figcaption>

</figure>
    <h2>mit min-content</h2>
<div class="container">
<figure class="zwei">
    <img src="http://www.maurice-web.de/blogbeispiele/farn.jpg" alt="Farn">
<figcaption>Farn ist eine der ältesten Pflanzen, die es wohl schon zu Zeiten der Dinosaurier gab. Bei uns wächst er hinter dem Nadelbaum.</figcaption>

</figure>
</div>

CSS

body {
	font: 90% sans-serif;
}

img {
  max-width: 100%;
  height: auto;
}

figure {
	background-color: #DFF8C5;
	padding: 10px;
}
.zwei
 {
	width: -webkit-min-content;
	width: -moz-min-content;
	width: min-content;


}
.container {
	display: -ms-grid;
    -ms-grid-columns: min-content;
}