JSFiddle - React, Tailwind, and code Playground

HTML

<svg id="trigger1" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 350 250" style="enable-background:new 0 0 350 250;" xml:space="preserve">
<style type="text/css">
	.st0{fill:#E5E8EC;}
	.st1{fill:#30363D;}
	.st2{fill:#CDD5D7;}
	.st3{fill:#F7F8FC;}
	.st4{fill:#FFFFFF;}
	.st5{fill:#484F59;}
	.st6{fill:#375859;}
	.st7{fill:#00A89C;}
	.st8{opacity:0.15;fill:#00A89C;}
	.st9{opacity:0.15;}
	.st10{fill:#1F3435;}
	.st11{fill:#375859;stroke:#375859;stroke-width:0.4319;stroke-miterlimit:10;}
	.st12{fill:#009F9C;}
	.st13{fill:#00A89D;}
	.st14{fill:#E6E5E5;}
	.st15{fill:#CCCBCA;}
	.st16{clip-path:url(#SVGID_2_);fill:#EAAD8C;}
	.st17{clip-path:url(#SVGID_2_);fill:#D89273;}
	.st18{clip-path:url(#SVGID_2_);fill:#F4BD9A;}
	.st19{clip-path:url(#SVGID_2_);fill:#FFFFFF;}
	.st20{clip-path:url(#SVGID_2_);fill:#D3CDCD;}
	.st21{clip-path:url(#SVGID_2_);fill:#00A89C;}
	.st22{clip-path:url(#SVGID_2_);fill:#D39572;}
	.st23{clip-path:url(#SVGID_2_);fill:#634335;}
	.st24{clip-path:url(#SVGID_2_);fill:#1F3435;}
	.st25{fill:#B7BEC0;}
</style>
<g id="Laptop" class="bounce paused">
	<g id="checkbox">
	</g>
	<g>
		<path class="st0" d="M291.7,58.5h-22.7H117.3H94.6c-4,0-6.9,2-6.3,3.2l20.1,33.5c0.7,1.2,4.9,2.1,8.4,2.1h0.8h151.2h0.8
			c3.5,0,7.7-0.9,8.4-2.1l19.8-33C298.4,60.9,295.7,58.5,291.7,58.5z"/>
		<path class="st0" d="M276.2,210.1c0,3.5-2.8,6.3-6.3,6.3H115.7c-3.5,0-6.3-2.8-6.3-6.3V106.3c0-3.5,2.8-6.3,6.3-6.3h154.2
			c3.5,0,6.3,2.8,6.3,6.3V210.1z"/>
		<path class="st1" d="M291.7,60h-22.7H117.3H94.6c-4,0-6.6,0.9-6,2.1l20.7,34.5c0.7,1.2,4,2.1,7.5,2.1h0.8h151.2h0.8
			c3.5,0,6.9-0.9,7.5-2.1l20.7-34.5C298.4,60.9,295.7,60,291.7,60z"/>
		<path class="st2" d="M266.7,161.8c0,3.8-3.1,6.9-6.9,6.9H126c-3.8,0-6.9-3.1-6.9-6.9v-46.9c0-3.8,3.1-6.9,6.9-6.9h133.9
			c3.8,0,6.9,3.1,6.9,6.9V161.8z"/>
		<g>
			<path class="st1"...

CSS

#screwdriver-gear {
  animation: spin 5s linear infinite;
  -moz-animation: spin 5s linear infinite;
}

@keyframes spin {
  from{
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -360deg);
    opacity: 1;
  }
  to {
    transform-origin: center;
    transform: rotate(0, 0, 1, -180deg);
    opacity: 1;
  }
}

@-moz-keyframes spin {
  from{
    -moz-transform-origin: center;
    -moz-transform: rotate3d(0, 0, 1, -360deg);
    opacity: 1;
  }
  to {
    -moz-transform-origin: center;
    -moz-transform: rotate(0, 0, 1, -180deg);
    opacity: 1;
  }
}