JSFiddle - React, Tailwind, and code Playground

HTML

<div class="background">
    
    hello world
    <br/><br/><br/><br/><br/><br/><br/>
</div>

CSS

.background {
      background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M100 0 L0 100 ' stroke='black' stroke-width='1'/><path d='M0 0 L100 100 ' stroke='black' stroke-width='1'/></svg>");
    background-repeat:no-repeat;
    background-position:center center;
    background-size: 100% 100%, auto;
    border: solid red 2px;
    width: 300px;
}