.image-flipper .verticals {
	position: relative;
	height: 256px;
	-webkit-transform-origin: left center;
	transform-origin: left center;
	margin-top: 50px;
	margin-bottom: 120px;
}
.image-flipper .verticals:after {
	content: "";
	height: 190px;
	width: calc(100% + 20px);
	position: absolute;
	bottom: -190px;
	left: 50%;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(70%, #fff), to(rgba(246, 249, 252, 0)));
	background-image: linear-gradient(0deg, #fff 70%, rgba(246, 249, 252, 0));
	z-index: 5;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.image-flipper .vertical {
	position: absolute;
	left: 0;
	right: 0;
	background-color: #fff;
	border-radius: 4px;
	-webkit-box-shadow: 0 15px 35px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07);
	box-shadow: 0 15px 35px rgba(50, 50, 93, .1), 0 5px 15px rgba(0, 0, 0, .07);
	-webkit-transition: all .5s cubic-bezier(.645, .045, .355, 1);
	transition: all .5s cubic-bezier(.645, .045, .355, 1);
	min-height: 73px;
	overflow: hidden;
	z-index: 10;
}
.image-flipper .vertical:nth-child(2) {
	-webkit-transform: translateY(100%) translateY(10px) scale(.96);
	transform: translateY(100%) translateY(10px) scale(.96);
	z-index: 2
}
.image-flipper .vertical:nth-child(3) {
	-webkit-transform: translateY(200%) translateY(20px) scale(.96);
	transform: translateY(200%) translateY(20px) scale(.96);
	z-index: 3
}
.image-flipper .vertical:nth-child(4) {
	-webkit-transform: translateY(300%) translateY(30px) scale(.96);
	transform: translateY(300%) translateY(30px) scale(.96);
	z-index: 4
}
.image-flipper .vertical:nth-child(5) {
	-webkit-transform: translateY(400%) translateY(40px) scale(.96);
	transform: translateY(400%) translateY(40px) scale(.96);
	z-index: 5
}
.image-flipper .vertical:nth-child(2), .image-flipper .vertical:nth-child(3), .image-flipper .vertical:nth-child(4) {
	-webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
	box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08)
}
.image-flipper .vertical--new {
	opacity: 0;
	-webkit-transform: translateY(-60px) scale(.9);
	transform: translateY(-60px) scale(.9)
}
.image-flipper .vertical-image {
	background-size: cover;
	background-position: center;
	height: 100%;
	width: 100%;
	position: absolute;
}
@media(min-width: 768px) {
	.image-flipper .verticals {
		-webkit-transform: scale(1.3) translateY(-40px);
		transform: scale(1.3) translateY(-40px);
		margin-top: 6em;
	}
}