JSFiddle - React, Tailwind, and code Playground

HTML

<div class="image_left">
  <div class="fakeimage"></div>
  <div class="text_image_left">text</div>
</div>

<div class="image_right">
  <div class="fakeimage"></div>
  <div class="text_image_right">lorem ipsum</div>
</div>

CSS

.image_left {
  position: absolute;
  left: 10px;
}

.text_image_left {
  position: absolute;
  color: white;
  top: 63px;
  left: 25px;
}

.image_right {
  position: absolute;
  right: 10px;
}

.text_image_right {
  position: absolute;
  color: white;
  top: 63px;
  left: 100px;
}

.fakeimage {
  background-color: blue;
  width: 200px;
  height: 100px;
  border: ridge 10px #ccc;
}