<div class="productimage">
  <div class="one"><img src="https://static.independent.co.uk/s3fs-public/styles/article_small/public/thumbnails/image/2017/11/08/15/jared-kushner-ivanka-trump.jpg" alt=""></div>
  <div class="overlapping">
    <h1>Sweet Ivanka</h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
  </div>
</div>
.productimage img {
  position: relative;
}

.overlapping {
  position: absolute;
  padding: 15px 35px;
  background-color: #CCC;
  font-weight: bold;
  font-size: 25px;
  max-width: 300px;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.