JSFiddle - React, Tailwind, and code Playground

HTML

<div class="yoba">Как сделать, чтобы пикча накладывалась на фон? А лучше, шоб эта хуйня была в одной строчке.</div>

CSS

.yoba {
       width:800px;
        height:800px;
       background: -moz-linear-gradient(center top , rgb(105, 200, 220), rgb(50, 50, 50)) repeat scroll 0% 0% transparent;
        background-image: url("http://www.transparenttextures.com/patterns/diagmonds.png") repeat scroll left 30px transparent;
}