可能重叠特色图像？

Question

我正试图让首页上的精选图像像这样重叠 -

到目前为止，我已经设法了 -

有些图像是风景，有些是肖像。我希望所有图像宽度相同但高度不同，因此应用高度：自动。

特色图片的CSS -

.home_post_box { 
float: left; 
height: 345px;
width: 345px; 
position: relative; 
display: inline-block;}

.home_post_box img { 
width: 350px; 
height: auto; 
transform:  -webkit-transform: rotate(-1deg); 
-moz-transform: rotate(-1deg);  
-webkit-transform: rotate(-1deg); 
-webkit-backface-visibility: hidden; 
outline: 1px solid transparent; 
text-align: center; 
left:0px; top:0px; 
z-index:1; 
float: left;}

这是my site。

谢谢，任何帮助都非常感谢!!