Votre pourcentage /3

Voici le principe d'un montage simple, auquel on peut ajouter ou retirer des images et/ou modifier l'animation: survol boutons.

Les dimensions adaptatives sont 80vw/92vh et je vous laisse le modifier dans les dimensions de votre choix.

<div style="width: 80vw; height: 92vh; margin: 2vh auto; border: 0.3vh solid white; background: url('http://ekladata.com/CsSGY0BGwjScDOLUjaz858ySdnk.jpg'); background-size: 80vw 92vh; overflow: hidden;">
<p id="ac1" class="ac">&nbsp;</p>
<p id="ac2" class="ac">&nbsp;</p>
<p id="ac3" class="ac">&nbsp;</p>
<p id="ac4" class="ac">&nbsp;</p>
<p id="ac5" class="ac">&nbsp;</p>
<p id="ac6" class="ac">&nbsp;</p>
<p id="ah1" class="ah">&nbsp;</p>
<p id="ah2" class="ah">&nbsp;</p>
<p id="ah3" class="ah">&nbsp;</p>
<p id="ah4" class="ah">&nbsp;</p>
<p id="ah5" class="ah">&nbsp;</p>
<p id="ah6" class="ah">&nbsp;</p>
</div>
<style><!--
.ac{position:absolute; z-index:10; width:3vw; height:6vh; border:0.1vh solid white; background:rgba(0,0,0,0.3);}
#ac1{transform:translate(76vw,4vh);}
#ac2{transform:translate(76vw,12vh);}
#ac3{transform:translate(76vw,20vh);}
#ac4{transform:translate(76vw,28vh);}
#ac5{transform:translate(76vw,36vh);}
#ac6{transform:translate(76vw,44vh);}

.ah{position:absolute; z-index:1;width:80vw; height:92vh; transform:translate(0vw,0vh); transition:all 1s linear; opacity:0;}
#ah1{background:url('http://ekladata.com/gZ17evCPOh9WW8lfk5cQL3r-yQs.jpg'); background-size:80vw 92vh;}
#ah2{background:url('http://ekladata.com/WhIQ3xmLzevqfZ8gQiIL3M6PSkQ.jpg'); background-size:80vw 92vh;}
#ah3{background:url('http://ekladata.com/oeNbbD2BjVUrZdN6kvr5iH6ZtAA.jpg'); background-size:80vw 92vh;}
#ah4{background:url('http://ekladata.com/H0A86Y8O2vYReqXuwahK0O65XwY.jpg'); background-size:80vw 92vh;}
#ah5{background:url('http://ekladata.com/0H3JKwBkSCVXFO2xWmUiJ5LvhZA.jpg'); background-size:80vw 92vh;}
#ah6{background:url('http://ekladata.com/4DI5Ety2plFgcYQDO-aapDtL6xI.jpg'); background-size:80vw 92vh;}

#ac1:hover ~ #ah1,#ac2:hover ~ #ah2,#ac3:hover ~ #ah3,#ac4:hover ~ #ah4,#ac5:hover ~ #ah5,#ac6:hover ~ #ah6{opacity:1;}
--></style>

Sans oublier de repositionner et redimensionner les boutons, selon vos valeurs.

Pour essayer, vous pouvez conserver mes adresses d'images.