JSFiddle - React, Tailwind, and code Playground

HTML

<svg id="header-container" xmlns:x="http://ns.adobe.com/Extensibility/1.0/" xmlns:i="http://ns.adobe.com/AdobeIllustrator/10.0/" xmlns:graph="http://ns.adobe.com/Graphs/1.0/" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" i:viewOrigin="226.9077 360.5469" i:rulerOrigin="0.5 -0.5" i:pageBounds="-0.5 612.5 791.5 0.5" width="303.044" height="72.375" viewBox="0 0 303.044 72.375" overflow="visible" enable-background="new 0 0 303.044 72.375" xml:space="preserve">
	<metadata>
		<variableSets xmlns="http://ns.adobe.com/Variables/1.0/">
			<variableSet varSetName="binding1" locked="none">
				<variables/>
				<v:sampleDataSets xmlns="http://ns.adobe.com/GenericCustomNamespace/1.0/" xmlns:v="http://ns.adobe.com/Variables/1.0/"/>
			</variableSet>
		</variableSets>
		<sfw xmlns="http://ns.adobe.com/SaveForWeb/1.0/">
			<slices/>
			<sliceSourceBounds y="288.172" x="226.908" width="303.044" height="72.375" bottomLeftOrigin="true"/>
		</sfw>
<?xpacket begin='' id='W5M0MpCehiHzreSzNTczkc9d'?><x:xmpmeta xmlns:x="adobe:ns:meta/" x:xmptk="XMP toolkit 3.0-29, framework 1.6">
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:iX="http://ns.adobe.com/iX/1.0/">

 <rdf:Description xmlns:pdf="http://ns.adobe.com/pdf/1.3/" rdf:about="uuid:d5a5c124-a42a-11d8-833c-000393d00dfa">
  <pdf:Producer>Adobe PDF library 5.00</pdf:Producer>
 </rdf:Description>

 <rdf:Description xmlns:tiff="http://ns.adobe.com/tiff/1.0/" rdf:about="uuid:d5a5c124-a42a-11d8-833c-000393d00dfa">
 </rdf:Description>

 <rdf:Description xmlns:xap="http://ns.adobe.com/xap/1.0/" xmlns:xapGImg="http://ns.adobe.com/xap/1.0/g/img/" rdf:about="uuid:d5a5c124-a42a-11d8-833c-000393d00dfa">
  <xap:CreateDate>2004-05-11T00:59:25-07:00</xap:CreateDate>
  <xap:ModifyDate>2004-05-12T15:44:25Z</xap:ModifyDate>
  <xap:CreatorTool>Adobe Illustrator 10</xap:CreatorTool>
 ...

CSS

#header-container {fill: blue;}