6 + 1 images au ratio 16/9, dans un montage en 1200x675px
<div style="background-attachment: initial; background-clip: initial; background-color: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: cover; background: url('https://image.eklablog.com/BmHgYp2dfuk97B6YHeWXWRXElKI=/filters:no_upscale()/http%3A%2F%2Fekladata.com%2FWPnzKrhd8gxUgqblNyy_2IziRuw.jpg'); border: 6px ridge grey; height: 675px; margin: 50px 0px 0px -20px; width: 1200px;">
<input id="ind" type="text" value="Clic ici puis survol" />
<p class="desc" id="desc1"> </p>
<p class="desc" id="desc2"> </p>
<p class="desc" id="desc3"> </p>
<p class="desc" id="desc4"> </p>
<p class="desc" id="desc5"> </p>
<p class="desc" id="desc6"> </p>
</div>
<style><!--
#ind{position:absolute; z-index:1; width:250px; border:2px solid white; background:transparent; font-size:30px; color:white; transform:translate(475px,550px);}
.desc{position:absolute; z-index:2; width:60px; height:0px; margin-top:0px; border-radius:0px 0px 25px 25px;transition: height 2s 0s, width 1s 1s,background 1s 1s, transform 1s 1s;}
#desc1{box-sizing:border-box; background:url('https://image.eklablog.com/FfhmwpU0bcmKGcac_zrdYI50hLo=/filters:no_upscale()/http%3A%2F%2Fekladata.com%2FDFS3J4r3qcyrqarDYkIe6nlQR-w.jpg'); background-size:1200px 675px; background-position:-120px 0px; transform:translate(120px,0px); }
#desc2{box-sizing:border-box; background:url('https://image.eklablog.com/o6ZhXpSdkNt1c2NKRL7Mhdjgkrk=/filters:no_upscale()/http%3A%2F%2Fekladata.com%2FW89El20vINZjcu2jY7i7-SSltl8.jpg'); background-size:1200px 675px; background-position:-300px 0px; transform:translate(300px,0px);}
#desc3{box-sizing:border-box; background:url('https://image.eklablog.com/5gWErj1wdKh4XPyDizKgSbj3734=/filters:no_upscale()/http%3A%2F%2Fekladata.com%2FExlTueAUtiAgBs3p1zV9pEJ66ds.jpg'); background-size:1200px 675px; background-position:-480px 0px; transform:translate(480px,0px);}
#desc4{box-sizing:border-box; background:url('https://image.eklablog.com/MnG8IDLxXkkL9FwYjyZQipnOGCM=/filters:no_upscale()/http%3A%2F%2Fekladata.com%2FfaVE0OxZZr_ALJo1bpao50uq5iM.jpg'); background-size:1200px 675px; background-position:-660px 0px; transform:translate(660px,0px);}
#desc5{box-sizing:border-box; background:url('https://image.eklablog.com/mZwIjNyOtYEU6SNww1XnfwYOX5M=/filters:no_upscale()/http%3A%2F%2Fekladata.com%2FOtmtTKPkTzOAaYV7dsH5oKm--MA.jpg'); background-size:1200px 675px; background-position:-840px 0px; transform:translate(840px,0px);}
#desc6{box-sizing:border-box; background:url('https://image.eklablog.com/d8jKrsA72LdubJgERsFboqYwZsA=/filters:no_upscale()/http%3A%2F%2Fekladata.com%2FOlU3QjQJ9fmCtlTew-tiTxbgoh4.jpg'); background-size:1200px 675px; background-position:-1020px 0px; transform:translate(1020px,0px);}
#ind:focus~#desc1,#ind:focus~#desc6{height:200px; border:4px ridge white;}
#ind:focus~#desc2,#ind:focus~#desc5{height:300px; border:4px ridge white;}
#ind:focus~#desc3,#ind:focus~#desc4{height:400px; border:4px ridge white;}
#desc1:hover,#desc2:hover,#desc3:hover,#desc4:hover,#desc5:hover,#desc6:hover{z-index:5;height:675px!important; width:1200px; border-radius:0px; background-position:0px 0px; transform:translate(0px,0px);}
--></style>