.root {
		height: 100%;
		display: flex;
		flex-direction: column;
		background-position: center center;
		background-repeat: no-repeat;
}
.shake-up,
	.shake-down {
		height: 50%;
		overflow: hidden;
		transition: all .5s ease-in-out;
		-webkit-transition: all .5s ease-in-out;
		background: #333;
}
.up {
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
}
.down {
		transform: translateY(50%);
		-webkit-transform: translateY(50%);
}
image {
		height: 100%;
		width: 100%;
}