JSFiddle - React, Tailwind, and code Playground

HTML

<figure>
    <img src="" alt="" height="200" width="200" />
    <figcaption>
        <h1>Lorem ipsum</h1>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
        <bottom-block>Impsum lorem</bottom-block>
    </figcaption>
</figure>

CSS

figure {
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: relative;
    background-color: grey;
}
figure img {
    float: left;
    border: solid 1px red;
}
figcaption {margin-left: 215px;}
h1 {margin-top: 0;}
bottom-block {
    overflow: hidden;
    position: absolute;
    bottom: 0;
}