body{padding:0px;margin:0px;height:100vh;overflow:hidden;}
.container{display: table}
.div_50{width:50%;float:left;position:relative;overflow:hidden;}
.btn{position:absolute;top:20%;left:30%;width:40%;display:block;background:none !important; }
figure.effect-chico .icon{position:absolute;top:23%;left:35%;width:30%;display:block;background:none !important;opacity:1;}
@media (max-width: 479px)
{
	.div_50{width:100%;}
}
/*---------------*/
/***** Chico *****/
/*---------------*/
figure{
	margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
}
figure,figure img{width:100%}
figcaption{/*display: block;*/}
figure.effect-chico:hover{
	margin: 0px;
	background: #000;
}
figure.effect-chico img {
	-webkit-transition: opacity 1s, -webkit-transform 5s;
	transition: opacity 1s, transform 5s;
	-webkit-transform: scale(1.12);
	transform: scale(1.12);


}

figure.effect-chico:hover img {
	opacity: 0.5;
	-webkit-transition: opacity 1s, -webkit-transform 5s;
	transition: opacity 1s, transform 5s;
	-webkit-transform: scale(1);
	transform: scale(1);
	/*
	-webkit-transform: opacity 1s, scale(1);
	transform: opacity 1s, scale(1);
	width:120%;*/

}
.div_50:hover .btn img {
	opacity: 1;
	width: 100%;
}
}

figure.effect-chico figcaption {
	padding: 3em;
}

figure.effect-chico figcaption::before {
	position: absolute;
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	border: 0px solid #fff;
	content: '';
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

figure.effect-chico figcaption::before,
figure.effect-chico .btn {
	opacity: 0;
	-webkit-transition: opacity 1s, -webkit-transform 3s;
	transition: opacity 1s, transform 3s;
}

figure.effect-chico h2 {
	padding: 20% 0 20px 0;
}

figure.effect-chico .btn {
	margin: 0 auto;
	/*max-width: 200px;*/
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

figure.effect-chico:hover figcaption::before,
figure.effect-chico:hover .btn {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
figure.effect-chico:hover figcaption .icon {
	opacity: 0;
}
@media screen and (max-width: 50em) {
	body{height: auto; overflow:unset;}
	figure {
		display: inline-block;
		float: none;
		margin: 10px auto;
		width: 100%;
	}
	figure.effect-chico figcaption {
		padding: 0em;
	}
	figure.effect-chico .btn {
	opacity: 1;
	
	}
	.btn {

    top: 45%;
    width: 30%;
	left:35%;
	}
	
	figure.effect-chico .icon {
    top: 47%;
    left: 37%;
    width: 25%;
	}
}