/* Conteneur principal */
.background-image {
	position: relative;
	width: 100%;
	height: 100%;
}

/* Image originale */
.background-image .image {
	display: block;
	object-fit: contain;
	width:  100%;
	height: 100%;
}


/* Div du hover*/
/*.container {
width: 100%;
height: 100%;
background-color: transparent;
position: relative;
}
*/
/* Zone de hover dans la div */
.hoverzone {
	height: 20%;
	width: 46%;
	margin-left: 32%;
	margin-top: 41.3%;
 	background-color: transparent;
}


/********* Hover image *******/

/* Overlay */
.background-image .hoverzone {
top: 0;
position: absolute;
opacity: 1;




}

.hoverzone .hover {
opacity: 0;
transition: .5s ease;

}

.hoverzone:hover .hover {

opacity: 1;

}


/* Apparition overlay sur passage souris */