JSFiddle - React, Tailwind, and code Playground

HTML

<div class="foo">
Hello, daddy. Hello, mom.<br>
I'm your ch-ch-ch-cherry bomb!<br>
Hello world! I'm your wild girl.<br>
I'm your ch-ch-ch-cherry bomb!<br>
</div>
<img src="//lorempixel.com/600/600/cats/" alt="">

CSS

.foo {
  Width: 500px;
  height: 300px;
  position: absolute;
  background: url(//lorempixel.com/300/300/sports/) no-repeat center center;
  background-size: cover;
  padding: 20px;
  font-size: 200%;
  color: orange;
  box-shadow: 0 0 10px 1px black;
  clip-path: polygon(10% 26%, 6% 16%, 12% 7%, 17% 5%, 21% 5%, 26% 5%, 31% 7%, 34% 9%, 36% 13%, 38% 12%, 40% 8%, 45% 4%, 51% 4%, 57% 7%, 61% 10%, 63% 13%, 66% 14%, 68% 11%, 72% 8%, 76% 7%, 80% 7%, 84% 9%, 87% 14%, 88% 19%, 85% 24%, 90% 28%, 93% 32%, 95% 37%, 94% 44%, 88% 49%, 81% 50%, 76% 49%, 75% 53%, 73% 58%, 70% 64%, 67% 68%, 60% 68%, 56% 67%, 51% 63%, 47% 66%, 47% 69%, 41% 72%, 37% 74%, 31% 74%, 24% 73%, 23% 69%, 21% 66%, 18% 67%, 10% 66%, 7% 64%, 4% 58%, 2% 53%, 5% 48%, 7% 46%, 5% 43%, 3% 38%, 3% 33%, 7% 28%);
}