style.css

.container{
	width: 600px;
	height: 1200px;
	margin: 0px auto;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	padding: 0;
	display: flex;
	flex-direction:row;
	flex-wrap:wrap;


}

.pic{
	height: 298px;
	margin: 0px;
	width:198px;
	border-style: solid;
	border-color: red;
	border-width: 1px;
	display: inline-block;	
	position: relative;

}



.picture{
	height: 100%;
	width:100%;
	position: absolute;
	left:0px;
	top:0px;
	background-size:198px 298px ;
	transition: 0.5s ease;


}

.pic:hover .picture {
	opacity:1;
	-webkit-box-shadow: 3px 3px 5px 6px #000000;
	-webkit-transform: scale(1.5) rotateZ(-15deg) translateX(-85%) translateY(10%);
}

.pic:hover .description {
	-webkit-box-shadow: 3px 3px 2px 2px #000000;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	opacity: 1;
	background-color: white;
	-webkit-transform: scale(1.1) rotateZ(5deg) translateX(20%) translateY(10%);;

}

.pic:hover ~ .pic {
	z-index: -1;
}