.image-container{
	height: 500px;
	width: 100%;
	margin: 0px auto;
	overflow: hidden;
	position: relative;
	box-shadow: 0px 0px 2px #333;
}

.image-container .slides{
	height: calc(25% - 0px);
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-around;
	position: absolute;
	bottom: 0px; left: 0;
}

.image-container .slides > img{
	height: 100%;
	width: calc(25% - 0px);
	border: 1px solid #fff;
	object-fit: cover;
	cursor: pointer;
}

.image-container .slides > img:hover{
	filter: grayscale();
}

.big-screen{
	position: absolute;
	top: 0;
	left: 0;
	height: calc(80% - 0px);
	width: calc(100% - 0px);
}
.big-screen > img{
	height: 100%;
	width: 100%;
	object-fit: cover;
}