JSFiddle - React, Tailwind, and code Playground

HTML

<head>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8">
	<title></title>
	
	<style type="text/css" media="screen">
		.symbol {
		    position: absolute;
			    opacity: 1;
		    margin-top: 1.25em;
		    margin-left: auto;
		    margin-right: auto;
		    background: no-repeat 50%
		}

		.hero-container--912cbf6f8c0bd1f693ccf4bd428c0e9ef9b59977a9d4fe1a98ee78d5c45b87ea .symbol {
		    top: 50%;
		    right: 20%;
		    width: 1.4375em;
		    height: 1.875em;
		    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0My4yIDU5Ij48cGF0aCBkPSJNMy41IDEuOWMxLjkgMC4zIDQgMC4zIDUuOCAxLjEgNi43IDMgMTMuNiA1LjcgMTkuOSA5LjQgOC4xIDQuOCAxMS41IDEyLjggOS44IDIyIC0xLjYgOS4yLTYuNyAxNi42LTE2LjIgMTkuNSAtMy4zIDEtNy4xIDEtMTAuNiAwLjYgLTQuMi0wLjQtNy4yLTQuMi04LjEtOS41IC0wLjktNS4zLTAuMy03LjMgNC42LTkuNiAzLjktMS44IDguMi0yLjYgMTIuMy0zLjggMy42LTEgNy4yLTIgMTAuNi0zLjQgLTcuNS0yLjMtMjQgMi4xLTI5LjIgNy4zQy0yLjYgNDAuOSAwLjMgNTMuMSA4IDU2LjljNi45IDMuNCAxNC4xIDIuNiAyMC41LTEuMkM0Ni4xIDQ1LjIgNDkuNiAyMCAyOS42IDguNGMtNS40LTMuMi0xMS41LTUuNC0xNy40LTcuNkM5LjYtMC4yIDYuNSAwLjIgMy42IDAgMy42IDAuNiAzLjUgMS4zIDMuNSAxLjl6Ii8+PC9zdmc+)
		}

		.hero-container--32c5a17b22fcb5ab22f60b67dbd3551b00fadde9697059de595f8f3dddcb0c84 .symbol {
		    opacity: 1;
		    top: 14%;
		    left: 10%;
		    width: .9375em;
		    height: 2.0625em;
		    background-image:...