.container .box {
	position: relative;
	width: 100%;
	height: auto;
	margin: 10px;
	box-sizing:border-box;
	display: inline-block;
}
.container .box .imgBox {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: auto;
}
.container .box .imgBox img {
	width: 100%;
	height: 100%;
	transition: transform 2s;
}
.container .box:hover .imgBox img {
	transform: scale(1.2);
}
.container .box .details {
	position: absolute;
	top: 10px;
	right: 10px;
	left: 10px;
	bottom: 10px;
	background: rgba(1,82,147,0.3);
	transform: scaleY(0);
	transition: transform 1s;
	backdrop-filter: blur(12px);
}
.container .box:hover .details {
	transform: scaleY(1);
}
.container .box .details .content {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	padding: 15px;
	color: #fff;
}
.container .box .details .content h2 {
	margin: 0;
	padding: 0;
	font-size:22px;
	color: #FCB705;
}
.container .box .details .content p {
	margin: 10px 0 0;
	font-size:12px;
	padding: 0;
	color: white;
    font-weight: 600;
    text-shadow: 1px 1px 2px #222;
}