Montage 256a

<div style="width: 1000px; height: 563px; margin: 5px auto; background: url('http://ekladata.com/E1AHqPjeNvGlxfOISOWB6RNdfIc.jpg'); background-size: cover; border: 2px solid grey; text-align: left;">
<p id="decb1">&nbsp;</p>
<p id="bsb1" class="bsb">&nbsp;</p>
<p id="bsb2" class="bsb">&nbsp;</p>
<p id="bsb3" class="bsb">&nbsp;</p>
<p id="bsb4" class="bsb">&nbsp;</p>
<p id="bsb5" class="bsb">&nbsp;</p>
<p id="bsb6" class="bsb">&nbsp;</p>
</div>

<style><!--
#decb1{position:absolute; z-index:1; width:1000px; height:100px; background:rgba(0,0,0,0.5);transform:translate(0vw,0vw);}
.bsb{position:absolute; z-index:1; width:80px; height:80px; border:4px solid white; filter:grayscale(1);transition:all 1s linear, filter 1s linear 1s;}
#bsb1{box-sizing:border-box; background:url('http://ekladata.com/2XatlKix5QRZQ3lmej6rAnMbd4Q.jpg'); background-size:cover; transform:translate(50px,10px) skewx(30deg);}
#bsb2{box-sizing:border-box; background:url('http://ekladata.com/YN35BgK_cahSg7RZJmAepIKt-uQ.jpg'); background-size:cover; transform:translate(210px,10px) skewx(30deg);}
#bsb3{box-sizing:border-box; background:url('http://ekladata.com/6WeKKeDvC7tgpEtXvlfLeJ-ktK8.jpg'); background-size:cover; transform:translate(370px,10px) skewx(30deg);}
#bsb4{box-sizing:border-box; background:url('http://ekladata.com/OZkCpsw1FcvfQebppTrZTz8rAMs.jpg'); background-size:cover; transform:translate(530px,10px) skewx(30deg);}
#bsb5{box-sizing:border-box; background:url('http://ekladata.com/R3BwX5fkArvZdfB6Fj2HG-Ac42M.jpg'); background-size:cover; transform:translate(690px,10px) skewx(30deg);}
#bsb6{box-sizing:border-box; background:url('http://ekladata.com/siDIkMw4lioZgeUTHN72E1c4rQA.jpg'); background-size:cover; transform:translate(850px,10px) skewx(30deg);}
#bsb1:hover,#bsb2:hover,#bsb3:hover,#bsb4:hover,#bsb5:hover,#bsb6:hover{z-index:5; width:1000px; height:563px; transform:translate(0px,0px) skew(0deg); filter:grayscale(0);}
--></style>