.flex-container {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-direction: normal;
	-moz-box-direction: normal;
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: start;
	-moz-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-box-align: start;
	-moz-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}


.wyobjectfit  {
	position:absolute; 
	top:50%; left:50%; 
	width: 100%; 
	height: 100%;

	-ms-transform: translate(-50%, -50%); 	 
	-webkit-transform: translate(-50%, -50%); 
	transform: translate(-50%, -50%); 
	
    -webkit-transition: all 0.4s;
     transition: all 0.4s;

	object-fit: auto;
	font-family: 'object-fit: cover;'
}

a:hover img.wyobjectfit {
	-ms-transform:  scale(1.1) translate(-50%, -50%); 
	-webkit-transform: scale(1.1) translate(-50%, -50%) ;
	transform:  scale(1.1) translate(-50%, -50%);
	
	opacity: 1;

}

.wyimage > a.WebYepImageEditButton  {
	position: relative;
	z-index:20;
}