JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <p>hi</p>
</body>

CSS

body{
    
background: #23458E;
  background-image: url('http://subtlepatterns.com/patterns/cream_pixels.png'); /* fallback */
  background-image: url('http://subtlepatterns.com/patterns/cream_pixels.png'), -webkit-gradient(linear, left top, left bottom, from(#23458E), to(#2661A8)); /* Saf4+, Chrome */
  background-image: url('http://subtlepatterns.com/patterns/cream_pixels.png'), -webkit-linear-gradient(top, #23458E, #2661A8); /* Chrome 10+, Saf5.1+ */
  background-image: url('http://subtlepatterns.com/patterns/cream_pixels.png'),    -moz-linear-gradient(top, #23458E, #2661A8); /* FF3.6+ */
  background-image: url('http://subtlepatterns.com/patterns/cream_pixels.png'),     -ms-linear-gradient(top, #23458E, #2661A8); /* IE10 */
  background-image: url('http://subtlepatterns.com/patterns/cream_pixels.png'),      -o-linear-gradient(top, #23458E, #2661A8); /* Opera 11.10+ */
  background-image: url('http://subtlepatterns.com/patterns/cream_pixels.png'),         linear-gradient(top, #23458E, #2661A8); /* W3C */
}