#container {
  position: relative;

}
#image {
    height: 22%;
  position: relative;
   display: inline-block;
  margin-top:3px;
  vertical-align: bottom;


}
#text {
  z-index: 100;
  position: absolute;
  color: white;
  font-size: 80px;
  font-weight: bold;
  font-family:nexa;
  left: 150px;
  top: -50px;
}
#textdx {
  position: absolute;
  color: #787d83;
  font-size: 80px;
  font-weight: bold;
  font-family:nexa;
  float:right;
  width:50%;
  right: 150px;
  top: -50px;
}

<div id='container'>
<img id='image' src='imgA.png'></img>
<p id='text'>5</p>
<p id='textdx'>5</p>
</div>

<div id='container'>
<img id='image' src='imgB.png'></img>
<p id='text'>6</p>
<p id='textdx'>6</p>
</div>