Art.20.6.21

 4 images au ratio 16/9.

SURVOL

<div style="width: 1000px; height: 562px; margin: 20px auto; text-align: left;"><img id="gl1" class="gl" src="http://ekladata.com/I0GSjJXgYLqZvgLYFJCwUuXtwWA@1000x562.jpg" alt="" /><img id="gl2" class="gl" src="http://ekladata.com/_J7P5gFIJ2puEsYwVPpyUr3AVXI@1000x562.jpg" alt="" /> <img id="gl3" class="gl" src="http://ekladata.com/j3cbsO2DFYdf7ncDRENArN5WSI4@1000x562.jpg" alt="" /> <img id="gl4" class="gl" src="http://ekladata.com/PrvLpPRmYclNSUm1KXNK69Ugb3w@1000x562.jpg" alt="" />
<p id="gl5">SURVOL</p>
</div>
<style><!--
.gl{position:absolute; z-index:1; width:190px; height:190px; transition:all 1s;}
#gl1{transform:translate(430px,50px) rotate(45deg);}
#gl2{transform:translate(570px,188px) rotate(45deg);}
#gl3{transform:translate(430px,325px) rotate(45deg);}
#gl4{transform:translate(290px,188px) rotate(45deg);}
 #gl5{position:absolute; z-index:1; width:190px; font-size:30px; transform:translate(20px,20px);}
#gl1:hover,#gl2:hover,#gl3:hover,#gl4:hover{z-index:5; width:1000px; height:562px; transform:translate(0px,0px) rotate(0deg);}
--></style>