JSFiddle - React, Tailwind, and code Playground

HTML

<svg style="width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; display: block; background-color: transparent; z-index: 10; pointer-events: none;">
	<rect fill="black" x="20" y="29" width="155" height="56"></rect>
    <rect fill="black" x="342" y="84" width="141" height="54"></rect>
    <rect fill="black" x="355" y="172" width="150" height="53"></rect>
    <rect fill="black" x="376" y="272" width="148" height="49"></rect>
    <rect fill="black" x="379" y="338" width="146" height="55"></rect>
    <rect fill="black" x="376" y="414" width="148" height="52"></rect>
    <rect fill="black" x="402" y="533" width="154" height="56"></rect>
    <rect fill="black" x="391" y="627" width="158" height="60"></rect>
    <rect fill="black" x="57" y="511" width="140" height="52"></rect>
    <rect fill="black" x="58" y="578" width="145" height="53"></rect>
    <rect fill="black" x="102" y="656" width="155" height="55"></rect>
</svg>