.padre{
	position:relative;
	z-index:0;
}

.filtro{
	position:absolute;
	bottom:0px;
	right:0px;
	filter:opacity(0.6);
	width:100%;
}

.texto{
	position:absolute; 
	opacity:0; 
	left:15px; 
	top:15px; 
	right:15px; 
	color:white;
	font-size: 75%; 
	font-family:arial;
	text-align:center;
}

.titulo{
	position:absolute; 
	left:15px; 
	bottom:0px; 
	right:15px; 
	color:white;
	font-size: 125%; 
	font-family:arial;
}
	
.padre:hover{
	z-index:1;
}

.padre:hover .imag{
	transition: 0.25s;
	filter:grayscale(1);
	filter:brightness(0.25);
	
}

.padre:hover .filtro{
	transition: 0.25s;
	opacity:0.5;
}

.padre:hover .texto{
	top: 15px;
	left:15px; 
	transition: 0.25s;
	opacity:1;
}
.padre:hover .titulo{
	transition: 0.25s;
	opacity:0;
}

.padre1:hover{
	transform: scale(1.5) translateX(16.7%) translateY(16.7%);
	transition: 0.25s;
}
.padre2:hover{
	transform: scale(1.5) translateY(16.7%);
	transition: 0.25s;
}
.padre3:hover{
	transform: scale(1.5) translateX(-16.7%) translateY(16.7%);
	transition: 0.25s;
}
.padre4:hover{
	transform: scale(1.5) translateX(16.7%);
	transition: 0.25s;
}
.padre5:hover{
	transform: scale(1.5);
	transition: 0.25s;
}
.padre6:hover{
	transform: scale(1.5) translateX(-16.7%);
	transition: 0.25s;
}
.padre7:hover{
	transform: scale(1.5) translateX(16.7%) translateY(-16.7%);
	transition: 0.25s;
}
.padre8:hover{
	transform: scale(1.5) translateY(-16.7%);
	transition: 0.25s;
}
.padre9:hover{
	transform: scale(1.5) translateX(-16.7%) translateY(-16.7%);
	transition: 0.25s;
}