Embedded image mobile optimization

Embedded image mobile optimization

Dears,

I embedded an image into my website, but when browsing from mobile, the image is cut off. Can I optimize this image for mobile?

the image is as follows:

<title>Pricing</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<img src=" http://www.mysite.com/files/Price-Final.gif" width="1000" height="933" border="0" alt="" usemap="#id21_k8_Map">
<map name="id21_k8_Map">
<area shape="rect" alt="" coords="40,672,153,716" href=" http://www.mysite.com/Ticket.html">
<area shape="rect" alt="" coords="242,671,355,714" href=" http://www. mysite.com/administration.html">
<area shape="rect" alt="" coords="625,680,766,729" href=" http://www. mysite.com/staff.html">
<area shape="rect" alt="" coords="842,672,955,716" href=" http://www. mysite.com/cap.html">
<area shape="rect" alt="" coords="435,672,548,716" href=" http://www. mysite.com/Fixed.html">
</map>

Best regards