JSFiddle - React, Tailwind, and code Playground

HTML

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 1000 1000" xml:space="preserve" enable-background="new 0 0 1000 1000">
<g id="crna_hobo">
    <radialGradient id="SVGID_31_" cx="507.9725" cy="542.9913" r="107.1744" gradientTransform="matrix(0.9996 2.909205e-002 -2.471691e-002 0.8493 13.6361 67.0775)" gradientUnits="userSpaceOnUse">
		<animate attributeName="cx" values="507.9725;538.6953;507.9725" dur="5s" repeatCount="indefinite"></animate>
		<animate attributeName="cy" values="542.9913;296.8819;542.9913" dur="5s" repeatCount="indefinite"></animate>
		<animate attributeName="r" values="107.1744;403.3485;107.1744" dur="5s" repeatCount="indefinite"></animate>
		<animate attributeName="gradientTransform" values="matrix(0.9996 2.909205e-002 -2.471691e-002 0.8493 13.6361 67.0775);matrix(0.9396 0.3422 -0.1227 0.3368 68.9495 12.5255);matrix(0.9996 2.909205e-002 -2.471691e-002 0.8493 13.6361 67.0775)" dur="5s" repeatCount="indefinite"></animate>
      <stop offset="0" stop-color="#FFFFFF">
		<animate attributeName="offset" values="0;8.602151e-002;0" dur="5s" repeatCount="indefinite"></animate>
		<animate attributeName="stop-color" values="#FFFFFF;#000000;#FFFFFF" dur="5s" repeatCount="indefinite"></animate>
	  </stop>
      <stop offset="0.1202" stop-color="#E7E7E7">
		<animate attributeName="offset" values="0.1202;0.143;0.1202" dur="5s" repeatCount="indefinite"></animate>
		<animate attributeName="stop-color" values="#E7E7E7;#040404;#E7E7E7" dur="5s" repeatCount="indefinite"></animate>
	  </stop>
      <stop offset="0.3741" stop-color="#AAAAAA">
		<animate attributeName="offset" values="0.3741;0.143;0.3741" dur="5s" repeatCount="indefinite"></animate>
		<animate attributeName="stop-color" values="#AAAAAA;#111111;#AAAAAA" dur="5s" repeatCount="indefinite"></animate>
	  </stop>
      <stop offset="0.7372" stop-color="#4A4A4A">
		<animate attributeName="offset" values="0.7372;0.2672;0.7372"...

CSS

<style>
.s0{
	stop-color:#FFFFFF;
}
.s1{
	stop-color:#00ADEE;
}
.s2{
	stop-color:#00ABEB;
}
.s3{
	stop-color:#000000;
}
.s4{
	stop-color:#C4C4C4;
}
.s5{
	stop-color:#717171;
}
.s6{
	stop-color:#343434;
}
.s7{
	stop-color:#0E0E0E;
}
.s8{
	stop-color:#130C0E;
}
.s9{
	stop-color:#FFFFFF;
	stop-opacity:0;
}
.s10{
	stop-color:#F6F6F6;
}
.s11{
	stop-color:#DEDEDE;
}
.s12{
	stop-color:#B6B6B6;
}
.s13{
	stop-color:#7F7F7F;
}
.s14{
	stop-color:#393939;
}
.s15{
	stop-color:#FFFFFF;
	stop-opacity:0.9419;
}
.s16{
	stop-color:#FFFFFF;
	stop-opacity:0.56;
}
.s17{
	stop-color:#DBDADB;
	stop-opacity:0.4924;
}
.s18{
	stop-color:#9A9899;
	stop-opacity:0.3598;
}
.s19{
	stop-color:#676465;
	stop-opacity:0.2395;
}
.s20{
	stop-color:#423F3F;
	stop-opacity:0.1356;
}
.s21{
	stop-color:#2B2728;
	stop-opacity:5.234122e-002;
}
.s22{
	stop-color:#231F20;
	stop-opacity:0;
}
.s23{
	stop-color:#D9D9D9;
	stop-opacity:0.917;
}
.s24{
	stop-color:#A1A1A1;
	stop-opacity:0.7773;
}
.s25{
	stop-color:#6F6F6F;
	stop-opacity:0.6372;
}
.s26{
	stop-color:#474747;
	stop-opacity:0.4998;
}
.s27{
	stop-color:#282828;
	stop-opacity:0.3656;
}
.s28{
	stop-color:#121212;
	stop-opacity:0.2356;
}
.s29{
	stop-color:#050505;
	stop-opacity:0.1116;
}
.s30{
	stop-color:#000000;
	stop-opacity:0;
}

</style>  <style type="text/css">
   ...