JSFiddle - React, Tailwind, and code Playground

HTML

<div class = "imgcontainer">
					<div class = "image1 imgcontainer"><p>Algorithm with huge sample data set</p></div>
					<div class = "image2 imgcontainer"><p>Algorithm with huge sample data set</p></div>
				</div>

CSS

.imgcontainer
{
   display: inline-block;
   margin-top: 20px;
   margin-left: 80px;
   background-repeat: no-repeat;
 }
.image1
 {
   height: 100px;
   width : 100px;
   background:red;
 }
.image2
{
   height: 100px;
   width : 100px;
   background:red;
}
p {
  position: relative;
  bottom: -90px;
  max-width: 100px;
}