Overlay Text On Image

HTML

<div>
  <span>50</span>
</div>

CSS

div {
  background-image: url('https://res.cloudinary.com/waterline/image/upload/ar_7:2,c_fill,h_1600/q_auto/whitecrest/01v2.jpg');
  text-align: center;
  
}
div span {
padding-bottom:10%
}