.album-box {
	position:relative;
}
.album-box .image {
	overflow:hidden;
}
.album-box .image img {
	width:100%;
	height:500px;
	object-fit:cover;
	transition:.3s;
}

.album-box .title {
	padding:10px;
}
.album-box .title h3 {
	font-size:1rem;
	font-weight:700;
}
.album-box .title a {
	color:#000;
	transition:.3s;
}
.album-box:hover .title a,
.album-box:focus .title a {
	letter-spacing:2px;
}

.gallery-box {
	position:relative;
	margin:10px 0;
}
.gallery-box .image {
	position:relative;
	overflow:hidden;
	background:#f6f6f6;
	padding:20px;
}
.gallery-box .image img {
	object-fit:contain;
	object-position:center;
	width:100%;
	height:300px;
}
.gallery-box .icon {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
.gallery-box .icon a {
	display:flex;
	align-items:center;
	justify-content: center;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, .7);
	color:#fff;
	opacity:0;
}
.gallery-box .icon a i {
	font-size:3rem;
}
.gallery-box:hover .icon a {
	opacity:1;
}