JSFiddle - React, Tailwind, and code Playground

HTML

<div  class="col-lg-6">
  <div id="task-workflow-readonly-canvas" class="">

    <div style="transform: scale(0.65); transform-origin: 0% 0%;">
     
      <div style="left:48px;top:275px;width:243px;height:177px;" class="flowchart-object flowchart-ro flowchart-question">
        <div>
    


          <svg version="1.1" xmlns="http://www.w3.org/1999/xhtml" style="" width="243" height="177">
            <path version="1.1" xmlns="http://www.w3.org/1999/xhtml" d="m120.5,1l121.5,88.5l-121.5,88.5l-121.5,-88.5l121.5,-88.5z" class="outer outer-ro"></path>
            <path version="1.1" xmlns="http://www.w3.org/1999/xhtml" d="m120.50002,15.00001l103.50001,74l-103.50001,74l-103.50001,-74l103.50001,-74z" class="inner">
              <title version="1.1" xmlns="http://www.w3.org/1999/xhtml">Decish - AB
                (i: 1, c: 14)</title>
            </path>
            <svg   version="1.1" xmlns="http://www.w3.org/1999/xhtml" x="0" y="0" class="workflow-template-no-filter" width="233" height="167">
              <path version="1.1" xmlns="http://www.w3.org/1999/xhtml" d="m120.50002,15.00001l103.50001,74l-103.50001,74l-103.50001,-74l103.50001,-74z" fill="">
                <title version="1.1" xmlns="http://www.w3.org/1999/xhtml">Decish - AB
                  (i: 1, c: 14)</title>
              </path>
              <text version="1.1" xmlns="http://www.w3.org/1999/xhtml" text-anchor="middle" x="120" y="90" dominant-baseline="central">
                <title version="1.1" xmlns="http://www.w3.org/1999/xhtml">Click to configure the parameters for decision 'Decish - AB
                  (i: 1, c: 14)'.</title>Decish - AB
                (i: 1, c: 14)
              </text>
            </svg>
          </svg>

        </div>
      </div>
          
      
    </div>
   
  </div>
</div>

CSS

.flowchart-object text {
        stroke: none;
        fill: #fff;
        font-size: 17px;
        font-weight: 400;
        cursor: grab;
  filter: blur(.0px)
    } 

    .flowchart-object {
        position: absolute;
        text-align: center;
        z-index: 10;
        min-width: 0;
        min-height: 0;
       
    }


        /*decish*/
        .flowchart-object.flowchart-question {
            position: absolute;
            fill: #54a954;
           
        }

        .flowchart-object.flowchart-question:hover > div > svg {
            filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.3));
            transition: filter 0.2s cubic-bezier(0.4, 0, 0.2, 1);
            
               
        }