<img src="back (1).jpg" id="map-image" style="width: 4200px; max-width: 100%; height: auto;" alt="" usemap="#map" />
<map name="map">
    <area shape="rect" coords="705, 606, 907, 724" href="https://web.facebook.com/" target="_self" alt="5" title="5" />
    <area shape="rect" coords="392, 394, 594, 490" href="https://web.facebook.com/" target="_blank" alt="3" title="3" />
    <area shape="rect" coords="608, 173, 905, 270" href="https://web.facebook.com/" target="_blank" alt="2" title="2" />
    <area shape="rect" coords="80, 173, 380, 270" href="https://web.facebook.com/" target="_blank" alt="1" title="1" />
</map>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="imageMapResizer.min.js"></script>
<script>$(document).ready(function(e){$("map").imageMapResize();});</script>