/* DotsBackground.module.css */
.container {
    position: absolute; /* Use absolute positioning to cover the viewport */
    top: 0;
    left: 0;
    width: 100vw; /* Full viewport width */
    height: 100vh; /* Full viewport height */
    overflow: hidden;
    z-index: -10;
}

.dot {
    position: absolute;
    border-radius: 50%;
    opacity: 0.7;
    animation: move 5s ease-in-out infinite;
}

/* Adjust the keyframes to ensure dots stay within the container */
@keyframes move {
    0% {
        transform: translateY(0); /* Adjust if needed */
    }
    100% {
        transform: translateY(
            calc(100% - 100px)
        ); /* Ensure dots don’t exceed container height */
    }
}