JSFiddle - React, Tailwind, and code Playground
HTML
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 531 465" style="enable-background:new 0 0 531 465;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FFC21F;}
/* .st1{fill:none;stroke:#000000;stroke-width:3;stroke-miterlimit:10;}
.st2{fill:none;stroke:#000000;stroke-width:3;stroke-miterlimit:10;stroke-dasharray:4.8732,2.9239;}
.st3{stroke:#000000;stroke-miterlimit:10;} */
/* .st4{fill:#FFC21F;stroke:#000000;stroke-miterlimit:10;}
.st5{fill:#010101;}
.st6{fill:none;stroke:#FFC21F;stroke-width:3;stroke-miterlimit:10;}
.st7{fill:none;stroke:#FFC21F;stroke-width:3;stroke-miterlimit:10;stroke-dasharray:1.024170e-002,0;}
.st8{fill:none;stroke:#FFC21F;stroke-width:3;stroke-miterlimit:10;stroke-dasharray:5.1209,3.0623,1.024170e-002,0;} */
/* .st9{fill:none;stroke:#FFC21F;stroke-width:3;stroke-miterlimit:10;stroke-dasharray:9.950495e-003,0;}
.st10{fill:none;stroke:#FFC21F;stroke-width:3;stroke-miterlimit:10;stroke-dasharray:4.9752,2.9752,9.950495e-003,0;} */
.st11{fill:none;stroke:#FFC21F;stroke-width:3;stroke-miterlimit:10;stroke-dasharray:9.793314e-003,0;}
.st12{fill:none;stroke:#FFC21F;stroke-width:3;stroke-miterlimit:10;stroke-dasharray:4.8967,2.9282,9.793314e-003,0;}
/* .st13{font-family:'OpenSans-Bold';} */
.st14{font-size:13px;}
.st15{font-size:11px;}
.st16{font-size:10px;}
#dotted-lines {
stroke: url(#black-gradient);
fill: none;
stroke-width:3;
stroke-miterlimit: 10;
stroke-dasharray:4.8732,2.9239;
}
#dotted-lines-1 line , #dotted-lines-1 path {
stroke: url(#yellow-gradient);
fill: none;
stroke-width:3;
stroke-miterlimit: 10;
stroke-dasharray:4.8732,2.9239;
}
#dotted-lines-2 line , #dotted-lines-2 path{
stroke: url(#yellow-gradient);
fill:...