JSFiddle - React, Tailwind, and code Playground

HTML

<div class="image">
    <img src="http://notions.okuda.ca/wp-content/uploads/2006/10/matthew-pumpkin-original.jpg" />
    <span class="caption">I am an image caption</span>
</div>

<figure class="image">
    <img src="http://notions.okuda.ca/wp-content/uploads/2006/10/matthew-pumpkin-original.jpg" />
     <figcaption>I am an image (fig)caption</figcaption>
</figure>

CSS

.image {
  display: inline-block;
  
  margin: 10px;
  padding: 5px;
  
  border: 10px solid white;

  -moz-box-shadow: 0 0 5px #888;
  -webkit-box-shadow: 0 0 5px#888;
  box-shadow: 0 0 5px #888;
}

.image img, .image span {
  display: block;
}

.image span, .image figcaption {
  text-align: center;
  margin-top: 8px;
}