.demo-container {
	position:relative;
}

.demo-image {
	
	opacity:1;
	display:block;
	transition:.5s ease;
	backface-visibility: hidden;
}

.title {
	margin:50px 0px;
}

.middle {
	
	transition:.5s ease;
	opacity:0;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

.demo-container:hover .demo-image {
	opacity:0.3;
}

.demo-container:hover .middle{
	opacity:1;
}
.text-center {text-align:center;}

.text-line {line-height:2em;}