<div class="textBGContainer">
  <h1 class="textBGPM">80</h1>
  <h2  class="textBGPMHeading">Partners in world wide</h2>
</div>
.textBGContainer{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction: column;
  width:100vw;
  height:100vh;
  background-image: url('https://webdevservices.in/cdn/map.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position:center center;
}
h1.textBGPM{
  margin: 0 auto;
  font-family: Montserrat, sans-serif;
  font-size: 300px;
  background-image: url("https://webdevservices.in/cdn/photo-1512531123205-560f5974e686.jpeg");
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  -webkit-background-clip: text; 
   background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight:bolder;
}
.textBGPMHeading{
  font-weight:bold;
  font-size:30px;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.