JSFiddle - React, Tailwind, and code Playground

HTML

<div class="map-container">
<div class="map">
<svg viewBox="0 0 1797 1868">

<a xlink:href="#">
<path class="section-part" d="m 37.404005,995.05654 -8.250884,-19.80212 2.750295,-46.20495 14.301531,-18.702 -1.650177,-4.40047 -18.151943,-19.25207 -1.100118,-16.50176 22.552415,-44.00471 9.90106,-0.55006 4.400471,-9.90106 44.554775,3.85041 2.20023,-13.20141 -12.101295,-20.90224 20.352175,-15.95171 -3.30035,-7.70082 3.30035,-4.40048 17.60189,12.1013 7.70082,-7.70082 -8.80094,-11.55124 8.25088,-7.15077 12.65136,13.20142 15.95171,-11.55124 4.40047,-14.85159 -1.65018,-8.25088 14.30153,-9.90106 10.45112,7.15076 8.80094,-3.85041 2.7503,12.1013 15.95171,13.75147 8.80094,-4.40047 3.30035,8.80094 10.45112,1.10012 6.60071,-6.05065 16.50176,7.70082 22.00236,-28.60306 1.10012,-12.65135 9.90106,12.10129 5.50059,-14.85159 36.85394,12.1013 17.60189,-8.25089 6.05065,11.00118 -4.95053,14.30153 -11.55124,8.80095 -18.15195,1.10011 -5.50058,8.80095 -1.10012,13.75147 -6.05065,6.6007 -24.20259,6.05065 -3.85041,9.90106 3.30035,8.25089 11.00118,11.55123 -1.10012,6.05065 -7.15077,8.25088 3.30036,7.15077 42.35453,4.95053 3.85042,4.95053 -4.40048,14.85159 1.65018,13.20141 7.15077,15.40165 -2.20024,3.30036 -8.80094,2.75029 -9.351,14.30153 1.10011,17.05183 4.95054,9.90106 8.80094,6.05064 8.80094,10.45112 4.95053,0.55006 -8.80094,19.25206 2.20023,17.60189 8.80095,16.50174 6.6007,13.7515 1.65018,9.9011 8.80094,4.4004 -1.65018,9.9011 3.30036,6.6007 -11.00118,13.2014 -7.15077,34.1037 -4.95053,9.901 -10.45111,-1.6502 -9.90106,-1.6501 -13.75148,-13.2014 -15.95171,-7.1508 -5.50058,-21.4523 -6.60071,-7.1508 -8.80094,2.2003 -9.90106,22.0023 -7.15077,3.8504 -14.85159,-8.2509 -9.351,6.0507 -9.351,-4.9505 -4.95053,1.1001 -1.10012,9.351 h -4.40047 l -14.30153,-21.4523 -17.05183,-9.351 -12.65135,-8.2509 -18.15195,-34.1037 -14.30153,-13.75142 -10.45112,-2.7503 -5.50058,-14.30153 -17.05183,-2.75029 -10.45112,3.85041 -9.351,-5.50059 -8.250884,-9.351 -11.551236,4.40047 -5.500589,7.70082 1.100117,13.75148...

CSS

.map-container {
	position: relative;
	text-align: center;
	width:100%;
	/*display: table-cell;
    vertical-align: middle;*/
}
	
.map {
	position: relative;
	text-align: center;
	width:800px;
	margin:0 auto;
	margin-top: 0px;
}
	
.map svg {
	top: -2px;
	left: 0;
	height: 100%;
	width: 100%;
}

.section-part {opacity: 0.9;position:relative;}
.section-part:hover {transition: opacity .2s ease;opacity:1;cursor: pointer;}

#tooltip {
  background: rgba( 250, 250, 250, 0.8);
  padding: 15px;
z-index:9999;
}