
	.cloud-container.svelte-13wizlm {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		pointer-events: none;
		z-index: -1;
		overflow: hidden;
	}

	.cloud.svelte-13wizlm {
		position: absolute;
		opacity: 0.1;
		animation: svelte-13wizlm-floatCloud linear infinite;
		animation-direction: alternate;
	}

	/* First cloud */
	.cloud.svelte-13wizlm:nth-child(1) {
		width: 150px;
		top: 10%;
		left: 10%;
		animation-duration: 20s;
	}

	/* Second cloud */
	.cloud.svelte-13wizlm:nth-child(2) {
		width: 200px;
		top: 40%;
		left: 80%;
		animation-duration: 10s;
	}

	/* Third cloud */
	.cloud.svelte-13wizlm:nth-child(3) {
		width: 100px;
		top: 80%;
		left: 20%;
		animation-duration: 30s;
	}

	/* Floating animation */
	@keyframes svelte-13wizlm-floatCloud {
		0% {
			transform: translateX(0);
		}
		50% {
			transform: translateX(-10%);
		}
		100% {
			transform: translateX(10%);
		}
	}
