JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.2/TweenMax.min.js"></script>
<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 439 483" style="enable-background:new 0 0 439 483;" xml:space="preserve" width="439" height="483">
  <style type="text/css">
    .st0 {
      fill: none;
      stroke: #F99D39;
      stroke-miterlimit: 10;
    }
    
    .st1 {
      fill: #F99D39;
    }
    
    .st2 {
      font-family: 'Open Sans', sans-serif;
    }
    
    .st3 {
      font-size: 15px;
    }
    
    .st4 {
      fill: none;
      stroke: #32A6DE;
      stroke-miterlimit: 10;
    }
    
    .st5 {
      fill: #32A6DE;
    }
    
    .st6 {
      fill: none;
      stroke: #39BFC1;
      stroke-miterlimit: 10;
    }
    
    .st7 {
      fill: #39BFC1;
    }
    
    .st8 {
      font-size: 14px;
    }
    
    .st9 {
      fill: none;
      stroke: #A475B3;
      stroke-miterlimit: 10;
    }
    
    .st10 {
      fill: #A475B3;
    }

  </style>
  <polygon id="XMLID_26_" class="st0" points="358.6,380.9 361.2,394.9 375,394.9 378.3,380.9 391.1,376.8 401.8,387.2 413,379.4 
			408.3,366 413.7,358.7 427.4,363.3 434,350.4 422.9,341.3 424.8,332.4 439,329.6 439,315.7 424.9,313.2 422.5,304.6 433,295.3 
			426.1,283 412,287.4 404.2,279.8 409.8,269.4 398.3,261.8 389.1,271.4 378.1,268 375.3,253.4 360.8,253.4 358.6,267.4 345.2,271.6 
			335,261.7 323.5,268.9 328.6,282.3 322.3,289.1 309,285.1 302.6,297.6 313,306.4 311.3,315.9 297.9,318.1 297.9,332.9 311.7,335.1 
			313.8,344 303.2,353 310.3,365.4 324,360.8 330.6,367.4 325.7,380.2 337.9,387.9 347.4,377.6 " />
  <circle id="XMLID_25_" class="st0" cx="368.5" cy="324.1" r="47.7" />
  <text id="XMLID_24_" transform="matrix(1 0 0 1 348.8607 318.6875)">
    <tspan x="0" y="0" class="st1 st2 st3">COST</tspan>
    <tspan x="-9" y="18" class="st1 st2 st3">SAVING</tspan>
  </text>
  <polygon id="XMLID_23_" class="st4" points="262.5,241.4...

JavaScript

$(function() {
  var tmax_options = {
    repeat: -1
  };

  var tmax_tl = new TimelineMax(tmax_options),
    tween_options_to = {
      css: {
        rotation: 360,
        transformOrigin: 'center center'
      },
      ease: Cubic.Linear,
      force3D: true
	};

  // Last Argument is Position Timing.
  // Use this argument to stagger the visibility of surrounding circles
  tmax_tl.to($('svg > path'), 10, tween_options_to, 0)
    .to($('svg > #XMLID_26_'), 5, tween_options_to, 0)
  	.to($('svg > #XMLID_23_'), 70, tween_options_to, 0)
    .to($('svg > #XMLID_20_'), 65, tween_options_to, 0);

});