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 10 10'> <path d='M0 0 L0 10 L10 10 ' fill='green' /></svg>");
    background-repeat:no-repeat;
    background-position:center center;
    background-size: 100% 100%, auto;
    border: solid red 2px;
    width: 300px;
}