title: pointer on my map on image is not exact on my html
body: <p>I am using a map tag in my html with several coordinates on an image. The idea is that the user when clicking on that image, a message or another image will pop. But at the moment the pointer is not correct, it is as if the image moved towards one side and the map stayed somewhere else, I reckon the map moved like abou 100px towards the left... so now the pointer comes over something else. I don't know why. I used flex, but even before using flex didn't work. I used <a href="http://www.image-map.net" rel="nofollow noreferrer">www.image-map.net</a></p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.presentacion-lamina {
    display: flex;
    justify-content: center;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="presentacion-lamina"&gt;
    &lt;img src="images/lamina1.jpg" usemap="#image-map"&gt;
  
    &lt;map name="image-map"&gt;
          &lt;!-- Right flank es el area de los costados de la lamina 1, solo el lado derecho --&gt;
          &lt;area target="" alt="right_flank" title="right_flank" href=""
              coords="635,206,655,229,647,273,657,277,659,316,694,318,725,359,768,316,777,360,746,376,731,389,714,410,699,416,730,457,717,489,700,504,683,531,659,566,650,577,630,510,611,251"
              shape="poly" onclick="imageMenu()" class="right_flank"&gt;
  
          &lt;div id="imageDropdown" class="dropdown-content show"&gt;
              &lt;img src="images/lamina1/Dd21.gif" alt="" srcset="" class="localizaciones"&gt;
              &lt;img src="images/lamina1/Dd26.gif" alt="" srcset="" class="localizaciones"&gt;
              &lt;img src="images/lamina1/Dd27.gif" alt="" srcset="" class="localizaciones"&gt;
              &lt;img src="images/lamina1/Dd28-DdS28.gif" alt="" srcset="" class="localizaciones"&gt;
          &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>