JSFiddle - React, Tailwind, and code Playground

HTML

<div class="meme_container">
<img src="https://www.google.com/images/srpr/logo3w.png"/>
<p class="top_meme">This is a caption 1</p>
<p class="bottom_meme">This is a caption 2</p>
</div>

CSS

.meme_container {
 position: relative;   
}
.meme_container img {
    z-index:1;
}
.meme_container .top_meme {
    position:absolute;
    top:0;
    left:0;
    z-index:2;
}
.meme_container .bottom_meme {
    position:absolute;
    bottom:0;
    left:0;
    z-index:2;
}