#square6 {
	perspective: 80px;
	perspective-origin: 50% 50%;
}

#square6 .circle {
	position: absolute;
	left: 50%;
	top: -20%%;
	width: 10%;
	height: 10%;
	border: 1px dotted #ffffff;
	border-radius: 50%;
	transform: translateX(-50%) rotateX(90deg);
	animation: square6Move 3s linear forwards;
}

@keyframes square6Move {
	0% {
		top: -20%;
	}
	100% {
		top: 120%;
	}
}