.wrapper {
	height: 279px;
	width: 1400px;
	position: relative;
	overflow: hidden;
}
.wrapper [class*='cloud'] {
	background: url('./media/cloud.svg')
		no-repeat 0 0;
	position: absolute;
	display: block;
	z-index: 1;
	top: 85px;
	left: -20px;
	width: 18px;
	height: 15px;
	animation: cloudAnimation 60s linear 0s infinite none running;
}
.wrapper .cloud-2 {
	animation-delay: 5s;
	top: 15px;
}
.wrapper .cloud-3 {
	animation-delay: 12s;
	top: 40px;
}
.wrapper .cloud-4 {
	background-image: url('./media/cloud-shadow-2.svg');
	animation-delay: 18s;
	top: 85px;
}
.wrapper .cloud-5 {
	animation-delay: 25s;
	top: 15px;
}
.wrapper .cloud-6 {
	animation-delay: 28s;
	top: 50px;
}
.wrapper .cloud-7 {
	animation-delay: 33s;
	top: 90px;
}
.wrapper .cloud-8 {
	background-image: url('./media/cloud-shadow-2.svg');
	animation-delay: 38s;
	top: 65px;
}
.wrapper .cloud-9 {
	animation-delay: 44s;
	top: 35px;
}
.wrapper .cloud-10 {
	animation-delay: 50s;
	top: 70px;
}
.wrapper .cloud-11 {
	background-image: url('./media/cloud-shadow.svg');
	animation-delay: 56s;
	top: 15px;
}
.wrapper .cloud-12 {
	animation-delay: 60s;
	top: 55px;
}
.wrapper::before {
	content: '';
	background: url('./media/city.svg') repeat-x 0 70px;
	height: 279px;
	width: 1400px;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
}
.wrapper .sun {
	background: url('h./media/sun.svg') no-repeat 0 0;
		no-repeat 0 0;
	height: 30px;
	width: 30px;
	position: absolute;
	z-index: 1;
	top: 30px;
	left: -35px;
	animation: sunAnimation 120s linear 10s infinite none running;
}
.wrapper .car {
	background: url('./media/car.svg')
		no-repeat 0 0;
	height: 23px;
	width: 35px;
	position: absolute;
	top: 215px;
	right: -50px;
	animation: carAnimation 20s linear 0s infinite none running;
}
.wrapper .car-2 {
	animation-delay: 5s;
	top: 255px;
}
.wrapper .car-3 {
	animation-delay: 10s;
	top: 255px;
}
.wrapper .car-4 {
	animation-delay: 15s;
	animation-duration: 15s;
	top: 230px;
}

@keyframes carAnimation {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(-1435px, 0);
	}
}
@keyframes cloudAnimation {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(1450px, 0);
	}
}
@keyframes sunAnimation {
	0% {
		transform: translate(0, 0) rotate(0deg);
	}
	100% {
		transform: translate(1450px, 0) rotate(359deg);
	}
}