carousel.css

.carousel {
	position: relative;
	height: 7em;
	overflow: hidden;
}

	.carousel .carousel-nav {
		z-index: 1; /* Just enough to edge this above the content */
		position: absolute;
		top: 1.5em;
	}

	.carousel .carousel-nav .fa {
		font-size: 4em;
		color: lightgray;
	}

	.carousel .carousel-nav .fa:hover {
		color: gray;
		cursor: pointer;
	}

	.carousel .carousel-nav.previous {
		left: 1em;
	}

	.carousel .carousel-nav.next {
		right: 1em;
	}

	.carousel ol {
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.carousel li {
		margin: 0;
		padding: 0;
		height: 7em;
		position: absolute;
		top: 7em;
		width: 100%;
	}

	.carousel li.current {
		top: 0;
	}

	/* Animation */

	.carousel li {
		opacity: 0;
		transform: scale(0);
		transition: 0.5s;
	}

	.carousel li.current {
		opacity: 1;
		transform: scale(1);
		transition: 0.5s;
	}