JSFiddle - React, Tailwind, and code Playground

HTML

<div id="plan-canvas">
  <svg 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 768 300" style="enable-background:new 0 0 768 300;" xml:space="preserve">
    <g id="lamp">
      <path class="white-fill" d="M52,106.3c-3.7,1.3-7.1,3.2-10.2,5.5c-3.3,2.4-7.2,5.3-9.7,10.5c-1.7,3.8-2.4,8-1.9,12.2
      c0.3,3.3,1.2,6.6,2.6,9.7c1,2.2,2.3,4.2,3.7,6.2c2.3,3.3,4.8,6.2,4.8,6.2c0.6,0.7,2,2.3,3.7,4.5c0.6,0.7,1.2,1.5,1.6,2.3
      c1,2.3-0.4,3.5,0,6c0.4,2,1.7,3.3,3.3,5c1.4,1.6,3.2,2.8,5.3,3.5c1.7,0.4,3.5,0.6,5.3,0.7c1.8,0.2,2.6,0.2,3.3-0.3
      c0.7-0.6,1.1-1.4,1.1-2.3c-0.1-1.5-2.5-1.4-3.7-2.8c-1.1-1.2-0.7-2.6-0.2-7c1.1-8.7,0.5-9,1.6-10.5c1.6-2.2,3.5-2.8,3.9-5.3
      c0-0.3,0.3-2.3-0.7-3s-2.3,0.4-4.1-0.3c-0.7-0.3-1.5-0.9-1.4-1.3c0.1-0.4,1.7-0.2,3.7-0.8c0.6-0.2,4-1.3,4.2-3.3
      c0.1-0.9-0.4-1.8-1.2-2.3c-1.5-0.8-2.9,0.7-6.3,1.5c-3.8,0.8-4.7-0.5-7.9,0.7c-0.7,0.2-4,1.4-4.1,3.2c0,0.9,0.8,1.4,3.3,3.8
      c1.1,1,2.1,2.1,3.2,3.2c1.6,1.2,2.9,5.2,0.8,16.3c-0.6,0.6-1.4,0.9-2.3,0.8c-1-0.4-0.7-2.5-1.2-5.3c-0.4-2-1.1-4-2.1-5.8
      c-1.2-2.5-1.8-2.8-5.3-7.8c-1.7-2.2-3.1-4.6-4.4-7c-1.1-2.4-1.8-5-2.1-7.7C38,130.7,39,126,41.4,122c5.1-7.8,15-8.9,17.1-9.2
      c6.4-0.7,12.9,0.9,18.1,4.5c2.8,1.8,5.1,4.4,6.5,7.3c1.7,3.9,1.9,8.3,0.7,12.3c-1.1,4.4-3.5,7.7-8.1,14c-1.9,2.7-4.3,5.6-5.3,10
      c-0.4,2-0.6,4.1,0.7,5.7c0.1,0.1,1.3,1.6,2.5,1.3c1.2-0.2,1.8-2.5,2.1-4c0.9-3.7,2.3-7.2,4.2-10.5c3.9-4,6.7-8.8,8.5-14
      c0.7-2.1,1.2-4.3,1.4-6.5c0.1-0.7,0.8-8.4-1.8-14.2C83,107.7,64.6,102.3,52,106.3z" />
      <path class="white-fill" d="M47.8,179.3c-2.1,1.7,0.2,3.2,1.2,4.3c5.5,5.8,17.4,5.2,19.2,3.5c1.8-1.7,0.2-1.9-0.5-2.7
      c-1.3-1.4-3.7,0.2-7.8-0.3c-2.2-0.3-4.9-0.2-7.9-3.2C49.5,179.7,49.9,177.6,47.8,179.3z" />
      <path class="white-fill" d="M50.4,188.6c-0.6,0.4-0.5,1.7-0.2,2.5c0.5,1.1,1.4,1.9,2.5,2.3c3.6,1.8,9.2,2.2,10,0.3
      c0.2-0.6,0.1-1.3-0.4-1.8c-1-1.2-3-0.1-5.8-0.7C53,190.6,51.4,188,50.4,188.6z" />
      <text...

CSS

#lamp {
  cursor: pointer;
  transition: all .5s;
}

#lamp:hover {
  transform: scale(1.2);
}
#plan-canvas {
  width: 768px;
  background-color: #337ab7;
  /*
  width: 768px;
  height: 300px;
  */
}

.bg-group-fill {
  fill: #4C79A9;
}

.white-fill {
  fill: #aaa;
}

g:hover .white-fill {
  fill: #fff;
}

.hidden {
  display: none;
}

.text-font {
  font-family: sans-serif;
  font-size: 16px;
}
#message {
  background-color: #777;
  color: #fff;
  border-radius: 10px;
  padding: 5px;
  width: 200px;
  text-align: center;
  margin-top: 5px;
}

.pink path,
.pink text tspan {
  fill: #faf !important;
}