JSFiddle - React, Tailwind, and code Playground

HTML

<table border="1">
    <tr>
        <td>
            <div class="wrapper">
                <img src="http://placekitten.com.s3.amazonaws.com/homepage-samples/200/287.jpg" height="150" />
                <div class="child">Overlay</div>
            </div>
        </td>
        <td>
            <div class="wrapper">
                <img src="https://leerburg.com/Photos/bamboostick874.gif" height="250" />
                <div class="child">Overlay</div>
            </div>
        </td>
    </tr>
    <tr>
        <td>Text</td>
        <td>Text</td>
    </tr>
</table>

CSS

table {
    position:relative;
}
div.wrapper {
    height:100%;
    min-height:255px;
    position:relative;
}
div.child {
    background-color: rgba(255, 0, 0, .5);
    position: absolute;
    right:0px;
    bottom: 5px;
}