.container{
	display:flex;
	width:100%;
	padding:4% 2%;
	box-sizing:border-box;
	height:55vh;}

.box{
	flex:1;
	overflow:hidden;
	transition:.5s;
	/*margin:0 2%;*/
	box-shadow:0 20px 30px rgba(0, 0, 0, 0.1);
	line-height:0;}

.box > img{
	width:200%;
	height:calc(100% - 10vh);
	-o-object-fit:cover;
	object-fit:cover;
	transition:.5s;}
.box> a > img{
	width:200%;
	height:calc(100% - 10vh);
	-o-object-fit:cover;
	object-fit:cover;
	transition:.5s;}

.box > span{
	font-size:1.7vh;
	display:block;
	text-align:center;
	height:10vh;
	line-height:5;}

.box:hover{
	flex:1 1 50%;}

.box:hover > img{
	width:100%;
	height:100%;}