複雑なイメージマップを作成したいです。

【教えてもらいたいこと】
プログラミング/WEB制作

【具体的な相談内容】
TOPページのFVにイメージマップを作りたいです。

イメージマップは4つの画像区画があり、
画像のリンク設定及びhover設定が必要です。

hover時にその区画が拡大し、それ以外の区画は薄くなるというアクションです。
更にhoverされた区画に区画の説明文を浮かび上がらせたいです。

方法としては2つあると思っています。
①4つの画像を用意する。
②1つの画像でmapタグを使う。

②の方法でやると、その区画だけ浮かび上がるという実装ができませんでした。

やはり4つの画像を用意しないといけないのか、またそれ以外の方法があるのか教えていただきたいです。

どうぞよろしくお願いします。
【目安予算】
10000円