JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
<svg version="1.1" id="sloy1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 612 792" enable-background="new 0 0 612 792" xml:space="preserve" preserveAspectRatio="xMidYMid meet" class="svg-content">
			<image overflow="visible" width="1900" height="1080" xlink:href="http://www.imgzilla.ru/image.uploads/2015-07-21/original-2306ec473fd8584c8bf06cf6649cc676.jpg"  transform="matrix(1 0 0 1 -644 -144)">
			</image>
			<polyline fill="#fcd954" stroke="" stroke-miterlimit="10" points="-555,373 -214,37 -126,60 -103,237 -413,601 -500,578 "/>
			<polygon fill="#fcd954" stroke="" stroke-miterlimit="10" points="-201,-100 -159.5,-139.5 177,-76.5 181,9.5 160.5,7 
				160.5,14.5 144,33.5 143.5,26.5 137.5,28.5 125,44.5 106,40.5 94.5,54 96.5,78 68,114 48,110 35.5,124 39.5,148.5 28.5,161 
				37.5,272.5 -100.5,236 -102,235.667 -125.167,59.5 -187.667,42.833 "/>
			<polygon fill="#fcd954" stroke="" stroke-miterlimit="10" points="182.875,9.875 202.25,13.5 209.25,1.25 212.75,1.25 
				212.75,9.75 219,11 226,325.5 220,325.5 132.5,454 48.5,437 29.5,161.5 40.5,148.833 36.5,124.333 48.5,111 67.5,114.667 
				97.333,78.5 95.667,54.333 106.667,41.833 124.833,45.667 138.167,29.5 142.167,27.833 143.167,35.667 161.167,15.333 161.5,8 "/>
			<polygon fill="#fcd954" stroke="" stroke-miterlimit="10" points="219.333,9.667 218.167,-30.5 255.5,-78 290.333,-71.333 
				296.5,-80.5 340.5,-71.5 345,-60 494.5,-32.5 492,27.5 477,25 464.5,47 459,47 448,60 431.5,57.5 419,75 420,106.5 400,133 
				384.5,129.5 371,150.5 370,180 363.5,191 361,361 228.5,325.5 "/>
			<polygon fill="#fcd954" stroke="" stroke-miterlimit="10" points="492.625,28.75 533.625,35.5 533.625,45.125 552.625,48.75 
				550,81.333 523.667,410.667 453,554 356.334,530 364.875,191.625 371.25,180.375 372.125,150.375 384.875,130.25 399.625,134 
				420.625,106.75 420.25,75 432.25,58.5 447.75,61.375 459.5,47.875 464.375,48 477.375,25.75 "/>
			<polygon...

CSS

svg polygon:hover {
	opacity: .5;
}
svg path:hover {
	opacity: .5;
}
svg polyline:hover {
	opacity: .5;
}
svg polygon {
	opacity: 0;
	cursor: pointer;
}
svg path {
	opacity: 0;
	cursor: pointer;
}
svg polyline {
	opacity: 0;
	cursor: pointer;
}

.container {
    height: 0;
    width: 100%;
    position: relative;
    padding-top: 67%;
}

.svg-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}