JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <div class="thumbnail">
        <img src="http://goo.gl/q66Jz" alt="HTML5 Logo" />
        <p>HTML5</p>
    </div>
    <div class="thumbnail">
        <img src="http://goo.gl/q66Jz" alt="HTML5 Logo" />
        <p>HTML5</p>
    </div>
    <div class="thumbnail">
        <img src="http://goo.gl/q66Jz" alt="HTML5 Logo" />
        <p>HTML5</p>
    </div>
</div>

CSS

/* Thumbnails vertikal zentrieren */
.thumbnail {
    
    text-align: center ;
    vertical-align: middle ;
}

/* Verschiedene Bildgrößen setzen - nur zu Testzwecken! */
div div:first-child img { height: 100px ; }
div div:nth-child(2) img { height: 200px ; }
div div:last-child img { height: 150px ; }