Klikací mapa - obrázek se nezobrazuje v mobilních zařízeních

<div id="mapa">
    <img src="map/im.gif" usemap="#clickmap" alt="">
        <div id="lokalita" class="blank_lokalita"></div><!-- slouží k označení vyhledaného bodu -->
        <div id="ctverec" class="blank_ctverec"></div><!-- slouží k označení příslušného čtverce -->

    <map name='clickmap'>
      <area href='?m.x=757&amp;m.y=1459' shape='circle' coords='757,1459,15' alt=''>
      <area href='?m.x=2520&amp;m.y=1193' shape='circle' coords='2520,1193,15' alt=''>
      <area href='?m.x=681&amp;m.y=1215' shape='circle' coords='681,1215,15' alt=''>
      <!-- další klikací body... -->
    </map>
</div>

#mapa {
  width: 68%;
  position: relative;
}

.blank_lokalita {
  position: absolute;
  top: 0px;
  left: 0px;
  visibility: hidden;
  z-index: 0;
  width: 15px;
  height: 15px;
  border-radius: 50px;
}

.blank_ctverec {
  width: 0px;
  height: 0px;
  border: 2px solid red;
}