JSFiddle - React, Tailwind, and code Playground

HTML

<figure>
  <img class="floatImage" src="http://placehold.it/300x400">
  <figcaption>Placeholder caption</figcaption>
</figure>

CSS

.floatImage {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.4);
  z-index: -1;
  position: relative;
  width: 100%;
}

figure {
  width: 25%;
  float: right;
}

figcaption {
  background-color: rgba(79, 44, 16, 0.6);
  height: 1.2em;
  width: 100%;
  margin-top: -2.4em;
  float: right;
  text-align: center;
  color: white;
  z-index: 1;
  font-family: 'Open Sans', sans;
}