CSS Transform3D

Plan text on angled face of glass block

HTML

<div class="preview">
    <div class="ptext">
      <p>
          PRIVATE
      </p>    
      <p>
          BEN MARK CLAYTON
      </p>
    </div>

</div>

CSS

.preview {
  position:relative;
  background-image:url("https://staging.holograph.digital/dyn/_pictures/backgrounds/glass-block2.jpg?time=1525129301863");
  width:300px;
  height:220px;
  background-size:cover;
  perspective: 1000px;

}

.ptext {
  position:relative;
  top:70px;
  left:10px;
  margin:20px auto;
  width:90%;
  transform: rotate3d(-45,0,-25,0deg);
  font-family:"Times Roman";
  color:rgb(240,250,245,0.8);
  font-size:20px;
  text-align:center;
}