@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;600;700&display=swap');

.column {
	display: inline-block;
	text-align: center;
}

figure {
	overflow: hidden;
}

/*Zoom In*/
.column#zoomIn img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.column#zoomIn:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

/*Con caption*/
.column.caption {
	position: relative;
}
.column.caption .text {
		position: absolute;		
	    top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 10;
    opacity: 1;
    transition: all 0.8s ease;			
}
.column.caption .text h1 {
		font-family: 'Titillium Web', sans-serif;
		margin: 0;		
		color: white;
		font-size: 30px;
		font-weight: 700;
		line-height: 35px;
}
.column.caption img {
	-webkit-filter: brightness(80%);
}