JSFiddle - React, Tailwind, and code Playground

HTML

<figure class="post-thumb">
    <img class="attachment-post-thumbnail wp-post-image" alt="Dies ist die Beschriftung des Bildes" src="http://placehold.it/350x150"/>
<figcaption>Dies ist die Beschriftung des Bildes</figcaption>
</figure>
<p>Hier ein kleiner Text. Es geht aber um die Beschriftung des Beitragsbildes.</p>

CSS

.attachment-post-thumbnail {
	display: inline;
	float: left;
	height:auto;
	margin: 2em 1.625em 2em 0;
	max-width:40%;
}
figure.post-thumb{
	display:block;
	margin:0;
	position:relative;
}
.post-thumb figcaption{
	bottom:0;
	left:0;
	position:absolute;
	width:100%;
}