JSFiddle - React, Tailwind, and code Playground

CSS

html {
  /* just for testing the transparent background  */
  background: url(https://picsum.photos/id/50/2000/1000) center;
}

body {
  min-height: 100vh;
  background-color:transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='165' height='165' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5' y='5' width='155' height='155' style='fill:%230000;stroke-width:5;stroke:red' /%3E%3Crect x='15' y='15' width='135' height='135' style='fill:%230000;stroke-width:5;stroke:blue' /%3E%3Crect x='25' y='25' width='115' height='115' style='fill:%230000;stroke-width:5;stroke:red' /%3E%3Crect x='35' y='35' width='95' height='95' style='fill:%230000;stroke-width:5;stroke:blue' /%3E%3Crect x='45' y='45' width='75' height='75' style='fill:%230000;stroke-width:5;stroke:red' /%3E%3Crect x='55' y='55' width='55' height='55' style='fill:%230000;stroke-width:5;stroke:blue' /%3E%3Crect x='65' y='65' width='35' height='35' style='fill:%230000;stroke-width:5;stroke:red' /%3E%3Crect x='75' y='75' width='15' height='15' style='fill:%230000;stroke-width:5;stroke:blue' /%3E%3C/svg%3E");
}