<div class="card">
  <img src="https://i.gyazo.com/6aa1ef6674e3adc65f99eb76dbbe7786.jpg" class="card__image" alt="sky"/>
  <span class="card__text">Hello</span>
  <span class="card__label">NEW</span>
<div>
.card {
  width: 300px;
  position: relative;
}
.card__image {
  width: 100%;
  display: block;
}
.card__text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.card__text {
  font-weight: bold;
  color: #FFF;
  font-size: 30px;
}
.card__label {
  position: absolute;
  left: 0;
  top: 0;
  background: orange;
  color: #FFF;
  padding: 5px;
  font-weight: 700;
  font-size: 13px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.