JSFiddle - React, Tailwind, and code Playground

HTML

<div class="cont">
<div class="size" id="size1"></div>
<div class="text">Here is some textHere is some text Here is some text Here is some text </div>
</div>

<div class="cont">
<div class="size" id="size2"></div>
<div class="text">Here is some textHere is some text Here is some text Here is some text </div>
</div>

CSS

.size {
    background-color: red;
    height: 100px;
    width: 100px;
    
    display:block; /*assuming its an image - making sure its block level*/
}
#size2 {
    width: 200px;
}
.cont {
    padding: 10px;
    float: left;
    
    position:relative; /*add this to parent container if comming from cms*/
}


.text {
    position:absolute;
    top:100%; /*just to make sure content doesnt overlaps image*/
}