jquery - キャンバスと画像レスポンシブの Div

Question

私がやろうとしていることは簡単に思えますが、私のエネルギーを大量に消費しています. ここに、img をホバーすると Div と Canvas が表示される例を示します。問題は、この 3 つのことをレスポンシブにするにはどうすればよいかということです。

これが私のHTMLで、内部にスタイルがあります

<div class="map maphilighted" style="display: block; background: url("
logocultura.png
") repeat scroll 0% 0% transparent; position: relative; padding: 0px; width: 720px; height: 305px;">
    <canvas style="width: 720px; height: 305px; position: absolute; left: 0px; top: 0px; padding: 0px; border: 0px none; opacity: 1;"
    height="305" width="720"></canvas>
    <img class="map maphilighted" width="720" height="305" usemap="#usa"
    src="logocultura.png" style="opacity: 0; position: absolute; left: 0px; top: 0px; padding: 0px; border: 0px none;"></img>
</div>