<div class="map">
		<svg viewBox="0 0 1920 700" preserveAspectRatio="xMidYMid slice">
			<a href="#">
				<path class="part" d="m 1870.6019,442.47052 c -0.112,-1.56721 -0.7787,-2.73437 -0.7787,-2.73437 0,0 -1.0714,-1.67421 -0.7915,-2.84961 -0.2799,-1.06346 0.5852,-0.94987 1.033,-1.39764 0.6157,-0.7836 -0.3167,-1.96366 -1.5831,-1.64704 -1.2665,0.31663 -0.8747,-3.92102 1.6582,-4.39595 2.533,-0.47493 4.4583,-2.67209 5.8576,-3.00792 1.7351,0.056 2.4306,3.69549 5.7552,2.11238 3.3245,-1.58311 2.3346,-2.13954 3.9018,-2.58731 5.3173,-2.85455 7.0408,0.46368 8.9406,-1.43605 1.8997,-1.89974 5.4657,-8.53756 -1.1834,-13.12859 -6.6491,-4.59103 6.727,-3.26062 13.6674,-2.92479 1.4553,0.50374 3.9052,-2.4578 1.5305,-2.61611 -2.3747,-0.15831 -7.9795,-1.02339 -8.7071,-1.58311 -1.959,-0.67166 -1.2978,-5.55487 -0.3166,-6.80739 1.5271,-1.9494 -2.1126,-10.09879 -9.4987,-6.80739 -1.9555,0.8714 -2.6913,-3.16623 -2.6913,-3.16623 0,0 -3.3984,-5.76593 -17.4143,-7.28232 -2.3357,-0.2527 -0.7915,3.79947 -0.7915,3.79947 0.6717,1.11943 -6.1742,-0.94986 -6.1742,-0.94986 6.8845,-10.52264 -18.2979,-17.72681 -18.2058,-2.37468 -0.5189,1.61254 -0.247,-1.02364 -5.9557,2.27233 -2.6207,1.59519 -0.7853,2.75357 -1.373,5.38423 -1.0914,1.73512 -4.8555,-2.54917 -7.7108,3.26693 -1.2732,2.59321 1.4248,3.32124 1.4248,5.22427 0,1.14742 -3.008,6.80739 1.1081,8.70713 -3.4401,4.89421 0.3214,14.59015 3.008,15.98944 3.8061,3.21836 11.3687,1.85007 12.3482,3.64116 0,0 1.4081,4.02006 0.3167,5.69921 0,0 -5.1379,7.35558 -6.5372,13.73633 -0.2798,1.73511 1.404,1.33837 2.5794,0.27491 1.1754,-1.23138 2.3,-8.83405 5.429,-11.44149 1.0074,-0.67166 2.8975,-1.02834 2.1699,1.54635 0,0 -0.7408,2.43292 -1.6471,4.81492 -0.8955,2.18289 -1.1658,2.86386 -0.8859,5.15869 0,0 -0.8779,3.1997 0.8012,3.42359 0.8396,0.27985 1.4983,-0.0543 1.6566,-0.68758 0.1584,-0.63324 0.1759,-6.8425 1.1834,-7.01041 1.4553,-1.959 1.751,0.96742 1.4344,1.60066 -0.3166,0.63325 -0.6094,2.12993 1.4056,3.19339 1.3525,0.0154 1.2728,1.2569 2.6161,1.20093 1.2873,-0.11195 -0.2335,-2.92149 0.718,-3.14538 0.8955,-1.00749 4.8981,-0.99788 5.066,-0.15831 0,0 -0.058,0.66836 1.3417,0.55641 1.2873,0.16792 -0.03,-4.11938 -0.03,-4.11938 0,0 -1.3224,-3.40108 -0.203,-4.3526 0.4478,-0.44777 0.4637,-1.2953 1.5831,-0.79156 0.9515,0.72763 1.5815,10.03755 2.7009,9.86964 1.2314,0.72763 1.3559,-1.11779 1.244,-2.0693 z" fill="red">
			</a>

			<a href="#">
				<path class="part" d="m 1875.6388,669.0971 -3.6797,-0.20443 -3.2709,-10.22146 -0.4088,2.24872 v 2.24872 l 1.431,3.4753 -0.4089,1.22658 -0.6133,0.40886 -1.6354,-0.61329 -1.431,-0.81772 h -1.6354 l -1.8399,0.20443 v 2.86201 l -0.4088,1.83986 c 0,0 -1.8399,0.20443 -2.4532,-0.81771 -0.6133,-1.02215 -1.2266,-2.24873 -2.4532,-2.24873 -1.2265,0 -0.6132,-2.24872 -0.2044,-3.06643 0.4089,-0.81772 -0.4088,-1.83987 -1.2266,-1.02215 -0.8177,0.81772 -0.8177,4.9063 -0.8177,4.9063 v 4.29302 c 0,0 -2.6576,1.431 -2.6576,0 0,-1.43101 0.2045,-11.44804 2.2488,-14.31005 2.0443,-2.86201 -4.4975,-0.61329 -4.9063,2.45315 -0.4089,3.06644 -1.431,8.99489 -2.4532,8.3816 -1.0221,-0.61329 -3.8176,-0.36951 -1.6354,-5.72402 1.5288,-3.75118 5.724,-8.58603 5.724,-8.58603 0,0 1.0221,-6.13288 -1.0221,-6.13288 -2.0443,0 -7.7684,-1.43101 -7.7684,-1.43101 0,0 -2.0443,-0.40885 -3.4753,-2.04429 -1.431,-1.63543 -4.9063,-5.11073 -4.9063,-7.76831 0,-2.65758 0.2044,-9.40375 3.2709,-9.81261 0.8597,-0.11463 -4.4974,-2.04429 -4.293,-3.4753 0.2044,-1.431 3.6797,-4.08859 0.6133,-7.15502 -2.2488,-3.06644 2.4644,-5.79123 5.724,-5.51959 4.9063,0.40885 -2.6576,-6.13289 8.7905,-7.76832 1.6354,0.40886 -5.9285,-7.15502 8.7904,-9.60817 14.7189,-2.45316 9.4038,10.22146 9.4038,10.22146 0,0 3.2708,2.86201 4.7018,2.45315 1.431,-0.40886 1.2266,-3.27087 1.6355,-4.08858 0.4088,-0.81772 2.862,1.02214 4.293,1.63543 1.431,0.61329 9.1526,-0.65237 14.9233,9.60818 2.4926,4.43188 3.0876,-8.00102 12.4702,4.08858 1.2596,1.62305 -2.2487,3.27087 -2.2487,3.27087 l 1.0221,5.92845 9.1994,2.45315 c 0,0 0.8177,2.65758 0,2.45316 -0.8178,-0.20443 -12.8791,-3.06644 -15.9455,1.431 -3.0665,4.49745 2.862,1.83986 2.862,1.83986 0,0 2.0443,3.06644 1.431,7.35946 -0.6133,4.29301 -3.4753,5.92845 -3.4753,5.92845 0,0 -6.5417,0.61329 -7.3595,-0.20443 -0.8177,-0.81772 -4.4974,4.08859 -4.4974,4.08859 l -4.4975,-1.63544 c 0,0 1.2266,-2.86201 2.6576,-2.65758 1.431,0.20443 3.2709,-1.02215 2.4532,-2.04429 -0.8177,-1.02215 -8.3816,3.4753 -9.1993,4.29301 -0.8178,0.81772 -4.9063,2.0443 -4.9063,2.0443 0,0 -1.8399,5.11073 1.8398,4.49744 3.6797,-0.61329 -1.8398,3.27087 -1.8398,3.27087 z" fill="#bf2523">
			</a>

			<a href="#">
				<path class="part" d="m 1793.907,632.46284 5.7822,1.73464 c 0,0 3.4692,0.86732 4.3366,-0.2891 0.8673,-1.15643 -0.2892,-2.74652 2.3128,-5.78214 5.2112,0.11395 10.1619,-5.56505 6.6495,-7.80588 -1.807,-2.56583 4.6257,-0.86732 5.7821,-3.75839 0.4295,-1.07369 0.2891,-12.14248 -2.602,-13.0098 -2.891,-0.86732 3.7584,-11.56426 -14.4553,-13.58801 -0.2652,-0.0295 -2.037,1.97817 -3.666,-1.54146 0,0 -5.4457,-14.9171 -25.2447,-6.55353 -7.0983,0.81495 -14.889,0.72276 -14.889,0.72276 0,0 -16.6236,-0.43366 -13.1543,13.58802 2.3128,9.82963 -0.5782,13.29891 6.0712,18.06917 6.3604,1.44553 6.3604,5.49303 6.3604,5.49303 0,0 3.1801,2.31285 7.2276,0 4.0475,-2.31286 6.3604,2.31285 6.3604,2.31285 0,0 8.6732,2.89107 10.4078,1.15643 1.7347,-1.73464 8.9623,3.46928 8.9623,3.46928 z" fill="#bf2523">
			</a>
			</svg>

			<div class="description">
				
			</div>

			<img src="https://demo-development.website/wp-content/uploads/2020/02/plant.jpg" style="width: 100%; opacity: 0.4; " alt="">
		</div>
body {margin: 0; padding: 0;}

.map {
	position: relative;
	text-align: center;
}

svg {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	opacity: 0.8;
	z-index: 1;
	
}

.part {
	opacity: 0;
}

.part:hover {
	transition: opacity .2s ease;
	opacity: .5;
	cursor: pointer;
	opacity: 0.93;
}
$('.part').hover (
	function() {
		$('.description').html($(this).attr('description-data'));
		$('.description').fadeIn();
	},
	function() {
		$('.description').fadeOut(50);
	}
)

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.