Mont.13.5.23

 8 images au ratio 16/9 en 1100x619px.

<div style="width: 1100px; height: 619px; margin: 30px auto; text-align: left;">
<p id="id0">SURVOL</p>
<p id="id1" class="id">&nbsp;</p>
<p id="id2" class="id">&nbsp;</p>
<p id="id3" class="id">&nbsp;</p>
<p id="id4" class="id">&nbsp;</p>
<p id="id5" class="id">&nbsp;</p>
<p id="id6" class="id">&nbsp;</p>
<p id="id7" class="id">&nbsp;</p>
<p id="id8" class="id">&nbsp;</p>
</div>

<style><!--
#id0{position:absolute; z-index:1; width:150px; font-size:30px; color:grey; text-shadow:2px 2px black; transform:translate(20px,20px);}
.id{position:absolute; border:3px solid white; box-shadow:4px 4px 6px black; transition:all 1s;}
#id1{width:50px; height:350px; border-radius:25px; background:url('http://ekladata.com/neHoHW4--akxijU3MNsmRGDjitU.jpg'); background-size:1100px 619px; background-position:-100px -100px; transform:translate(100px,100px) rotate(20deg);}
#id2{width:750px; height:50px; border-radius:25px; background:url('http://ekladata.com/v6NOdUmFNbdb9cBv-6HesEA49kM.jpg'); background-size:1100px 619px; background-position:-100px -200px; transform:translate(100px,200px) rotate(-10deg);}
#id3{width:50px; height:450px; border-radius:25px; background:url('http://ekladata.com/15QuBO0AFV8u5y2ZrmdHG_3QJQk.jpg'); background-size:1100px 619px; background-position:-400px -50px; transform:translate(400px,50px) rotate(-20deg);}
#id4{width:50px; height:450px; border-radius:25px; background:url('http://ekladata.com/7v5n-aYv7irZ3KWM7dhvJehs1xg.jpg'); background-size:1100px 619px; background-position:-600px -100px; transform:translate(600px,100px) rotate(30deg);}
#id5{width:550px; height:50px; border-radius:25px; background:url('http://ekladata.com/VeQKPsIb1lJhXy8yJ2l0qUWA2w8.jpg'); background-size:1100px 619px; background-position:-400px -200px; transform:translate(400px,200px) rotate(30deg);}
#id6{width:500px; height:50px; border-radius:25px; background:url('http://ekladata.com/XFli8FdQ5g33S3F8XqV3Fc0NK_E.jpg'); background-size:1100px 619px; background-position:-200px -400px; transform:translate(200px,400px) rotate(20deg);}
#id7{width:50px; height:350px; border-radius:25px; background:url('http://ekladata.com/TeohMgWZBM3WjMIbxabJFv4H50U.jpg'); background-size:1100px 619px; background-position:-850px -50px; transform:translate(850px,50px) rotate(25deg);}
#id8{width:50px; height:450px; border-radius:25px; background:url('http://ekladata.com/plujEbG_rBvT-TF2Izl2M7jD-P0.jpg'); background-size:1100px 619px; background-position:-250px -80px; transform:translate(250px,80px) rotate(35deg);}
#id1:hover,#id2:hover,#id3:hover,#id4:hover,#id5:hover,#id6:hover,#id7:hover,#id8:hover{z-index:5; width:1100px; height:619px; background-position:0px 0px; border-radius:0px; transform:translate(0px,0px) rotate(0deg);}
--></style>