Breitz

<div style="width: 1200px; height: 675px; margin: 50px auto; text-align: left;"><input id="brz1" class="brz" src="https://ekladata.com/x1ebhq2_RoDPERAzhGqjnVq_Vc4.jpg" type="image" /> <input id="brz2" class="brz" src="https://ekladata.com/KSVNTjfMTex8aDrgeDGw68Ac2gM.jpg" type="image" /> <input id="brz3" class="brz" src="https://ekladata.com/12rZjqo3pMq6HZTNmi5p2zH5OfQ.jpg" type="image" /> <input id="brz4" class="brz" src="https://ekladata.com/Eh953vSwiGqlCZPqq8AqH169TTg.jpg" type="image" /> <input id="brz5" class="brz" src="https://ekladata.com/AZ18CosVTbns9G-nLYr5AEbMSFE.jpg" type="image" /> <input id="brz6" class="brz" src="https://ekladata.com/b6VdLbdJflzNOEca9RgdtDFbnCY.jpg" type="image" />
<p id="zero">&nbsp;</p>
</div>
<style><!--
#zero{position:absolute;z-index:1; width:1200px; height:675px;}
.brz{position:absolute;z-index:2; width:1200px; height:675px; border:6px solid white; transition:all 1s;}
#brz1{transform:scale(1);}
#brz2{transform:scale(0.85);}
#brz3{transform:scale(0.7);}
#brz4{transform:scale(0.55);}
#brz5{transform:scale(0.4);}
#brz6{transform:scale(0.3);}
#brz1:focus,#brz2:focus,#brz3:focus,#brz4:focus,#brz5:focus,#brz6:focus{z-index:5;transform:scale(1);}
.brz:focus~#zero{z-index:10;}
--></style>