<div class="container">
  <div class="element">
“When you are so full of sorrow
that you can't walk, can't cry anymore,
think about the green foliage that sparkles after
the rain. When the daylight exhausts you, when
you hope a final night will cover the world,
think about the awakening of a young child.”
    <br>
― Omar Khayyám, The Rubaiyat of Omar Khayyam
  </div>
</div>

.element {  
  border: 3rem solid transparent;
  padding: 5rem;
  -webkit-mask-image: url(https://i.imgur.com/P1bFwVG.png);
          mask-image: url(https://i.imgur.com/P1bFwVG.png);
  -webkit-mask-size: 100%;
          mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
 
  -webkit-mask-clip: border-box;
  mask-clip: border-box;
  
  
  
  
  
  background-image: radial-gradient(circle at 90% 66%, rgba(25, 25, 25,0.06) 0%, rgba(25, 25, 25,0.06) 25%,rgba(23, 23, 23,0.06) 25%, rgba(23, 23, 23,0.06) 50%,rgba(20, 20, 20,0.06) 50%, rgba(20, 20, 20,0.06) 75%,rgba(18, 18, 18,0.06) 75%, rgba(18, 18, 18,0.06) 100%),radial-gradient(circle at 62% 23%, rgba(154, 154, 154,0.06) 0%, rgba(154, 154, 154,0.06) 25%,rgba(111, 111, 111,0.06) 25%, rgba(111, 111, 111,0.06) 50%,rgba(68, 68, 68,0.06) 50%, rgba(68, 68, 68,0.06) 75%,rgba(25, 25, 25,0.06) 75%, rgba(25, 25, 25,0.06) 100%),radial-gradient(circle at 47% 85%, rgba(97, 97, 97,0.06) 0%, rgba(97, 97, 97,0.06) 25%,rgba(130, 130, 130,0.06) 25%, rgba(130, 130, 130,0.06) 50%,rgba(162, 162, 162,0.06) 50%, rgba(162, 162, 162,0.06) 75%,rgba(195, 195, 195,0.06) 75%, rgba(195, 195, 195,0.06) 100%),radial-gradient(circle at 72% 0%, rgba(214, 214, 214,0.06) 0%, rgba(214, 214, 214,0.06) 25%,rgba(223, 223, 223,0.06) 25%, rgba(223, 223, 223,0.06) 50%,rgba(231, 231, 231,0.06) 50%, rgba(231, 231, 231,0.06) 75%,rgba(240, 240, 240,0.06) 75%, rgba(240, 240, 240,0.06) 100%),linear-gradient(90deg, rgb(181, 12, 26),rgb(206, 132, 31));
  background-origin: border-box;  
  line-height: 1.6;  
  color: #646464;
  color: #fff;
}

body { 
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
  font-family: 'Courgette', cursive;
}

.container {
  display: block;
  max-width: 500px;
  border: 2px dashed #ddd;
}


@import url('https://fonts.googleapis.com/css2?family=Courgette&display=swap');