/* Conteneur principal */
.background-image {
position: relative;
width: 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: 82%;
width: 79.7%;
margin-left: 8.83%;
margin-top: 1.5%;
 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 */