<div class="text-image">
  <img src="https://assets.techacademy.jp/assets/mentor-about-3-47c6a0fa70343abebff1c25f81298efeabc8f2d9da7a595fb1d8cf9f50780694.jpg" alt="文字の代替">
  <p>文字</p>
</div>
.text-image {
  position: relative;
  width: 500px;
}

.text-image img {
  width: 100%;
}

.text-image p {
  position: absolute;
  top: 25%;
  left: 39%;
  font-size: 60px;
  color: #ffffff;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.