.banner{
	width: 600px;
	height: 400px;
	border: 3px solid black;
	margin: auto;
	background-size: 100% 100%;
	animation: banner 10s infinite;
}
@keyframes banner{
	0%, 30%{
		background-image: url(img/img2.jpg);
		opacity: 1;
	}
	31%, 34%{
		opacity: 0.1;
	}
	35%, 65%{
		background-image: url(img/img1.jpg);
		opacity: 1;
	}
	66%, 69%{
		opacity: 0.1;
	}
	70%, 95%{
		background-image: url(img/img3.jpg);
		opacity: 1;
	}
	96%, 100%{
		opacity: 0.1;
	}
	
	
}