JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
<div class="square">
some text
</div>
</div>

CSS

html, body {
  height: 100%;
}
.parent {
  height: 100%;
  background: gray;
}
.square {
  height: 60%;
  background: url(https://images-na.ssl-images-amazon.com/images/I/51UW1849rJL._SX466_.jpg) no-repeat left top;
  background-size: auto 100%;
}