1.背景画像にコンテンツを重ねて表示させる
・absoluteとmarginを組み合わせる。
position: absolute;
top: 50%;
left: 50%;
・背景画像として配置する。
-webkit-background-size: cover;
background-size: cover;
・1枚の画像として作成し、mapタグでリンクを個別に設定する。
Responsive Image Maps jQuery Plugin
http://mattstow.com/experiment/responsive-image-maps/rwd-image-maps.html