JSFiddle - React, Tailwind, and code Playground

by Felis Catus

HTML

<div class="paper-bg page">
Hello, world!
</div>

CSS

.paper-bg:after{
  background-image: url('https://st.depositphotos.com/2370557/3129/i/950/depositphotos_31299565-stock-photo-natural-recycled-paper-texture-or.jpg');
  background-size: 300px;
  mix-blend-mode: color-dodge;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
}
.page {
  background-image: url('https://st.depositphotos.com/2370557/3129/i/950/depositphotos_31299565-stock-photo-natural-recycled-paper-texture-or.jpg');
  background-size: 300px;
  position: relative;
  width: 200px;
  height: 150px;
  font-weight: 900;
  font-size: 40px;
  font-family: cursive;
  color: #19153a;
}