JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<p align="center">
<img src="http://up.vbiran/dgme2se9yhizwftowp2q.gif" usemap="#kpnu-csc.ir" border="0" />
<map name="kpnu-csc.ir" id="kpnu-csc.ir">
  <area shape="poly" coords="391,83,405,83,414,92,430,105,445,111,457,114,460,128,459,149,453,167,447,179,434,184,416,181,401,181,391,177,384,174,376,162,370,156,360,156,362,148,364,138,357,135,354,122,354,108,365,112,385,114" href="http://k118.ir/News/topic/17/" title="خراسان رضوی"  />
  <area shape="poly" coords="372,177,387,192,443,200,453,244,457,266,469,278,466,296,449,293,429,299,419,282,386,269,395,253,376,216" href="http://k118.ir/News/topic/16/" title="خراسان جنوبی"  />
  <area shape="poly" coords="353,61,363,72,382,77,378,89,377,103,366,100,346,101,338,103,333,93,339,82,339,68" href="http://k118.ir/News/topic/18/" title="خراسان شمالی"  />
  <area shape="poly" coords="476,282,487,294,467,322,488,362,520,380,523,404,531,415,534,421,503,436,493,469,435,469,426,457,419,399,432,363,431,340,432,306,455,301,464,310,476,309,473,295" href="http://k118.ir/News/topic/22/"  title="سیستان و بلوچستان" />
  <area shape="poly" coords="329,65,316,65,302,75,296,85,279,91,278,105,287,114,301,106,316,105,321,88,329,81" href="http://k118.ir/News/topic/30/"  title="گلستان" />
  <area shape="poly" coords="326,100,330,112,346,115,349,136,351,151,339,163,322,182,229,177,226,162,233,154,248,158,257,149,263,136,286,121,302,117,310,111,323,110" href="http://k118.ir/News/topic/21/"  title="سمنان" />
  <area shape="poly" coords="361,162,366,170,357,184,354,197,354,212,366,218,383,249,379,270,351,257,323,271,320,289,292,293,287,306,293,324,283,327,263,280,249,273,255,247,269,247,298,238,317,218,321,190,336,182,350,174"...