.image-hover {
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	display: block;
}
.image-hover img{
}
.image-hover-img, .image-hover a {
	display: block;
	width: 100%;
	height: 100%;
}

.image-hover .caption {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: var(--wp--preset--color--vivid-cyan-blue);
	color: azure;
	padding: 10px;
	opacity: 0;
	transition: opacity 0.3s ease;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: -.04em;
}

.image-hover:hover .caption {
	opacity: 1;
}