/*
body {
	background-color: #241020;	
}
*/
#container {
	width: 850px;
	height: 495px;
	margin: 12% auto;	
}

.carousel-five-images{
	position: relative; /* Can be anything, but must be defined */
}
.carousel-five-images .changing {
	position:absolute;
	opacity:0;
	top:0;
	left:0;
}
.carousel-five-images .two{
	animation:animate-five-two 14s infinite forwards linear;
	/* Change the 4s (4 seconds) to variable animation duration */
}
.carousel-five-images .three{
	animation:animate-five-three 14s infinite forwards linear;
}
.carousel-five-images .four{
	animation:animate-five-four 14s infinite forwards linear;
}
.carousel-five-images .five{
	animation:animate-five-five 14s infinite forwards linear;
}

@keyframes animate-five-two
{
    0%	{opacity:0;}
    15% {opacity:0;}
    20% {opacity:1;}
    90% {opacity:1;}
    95% {opacity:0;}
}
@keyframes animate-five-three
{
    0% {opacity:0;}
    35% {opacity:0;}
    40% {opacity:1;}
    90% {opacity:1;}
    95% {opacity:0;}
}
@keyframes animate-five-four
{
    0% {opacity:0;}
    55% {opacity:0;}
    60% {opacity:1;}
    90% {opacity:1;}
    95% {opacity:0;}
}
@keyframes animate-five-five
{
    0% {opacity:0;}
    75% {opacity:0;}
    80% {opacity:1;}
    95% {opacity:1;}
    100% {opacity:0;}
}