JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<p>
This is a test
</p>
</div>

CSS

div {
  width: 200px;
  height: 200px;
  border: 1px solid black;
    background-image: url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 10 10'> <path d='M2 10 L8 0 L10 0 L10 10' fill='%238A92DF'></path></svg>");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    }

p {
  padding: 20px;
  text-align: center;
}