/* Cloud visual style */
        .cloud {
            position: absolute;
            width: 80px;
            height: 50px;
            background: #fff;
            border-radius: 50%;
            box-shadow: 30px 0 0 #fff, 60px 10px 0 #fff, 90px 0 0 #fff;
            opacity: 0.5;
            will-change: transform;
            transition: transform linear;
            animation-name: cloudDriftLoop;
            animation-timing-function: linear;
            animation-iteration-count: infinite;
        }

        /* Scale clouds slightly on hover */
        .cloud:hover {
            transform: scale(1.1);
        }

        /* Individual clouds position */
        .cloud1 { top: 1vh; left: 10vw; animation-duration: 90s; }
        .cloud2 { top: 4vh; left: 35vw; animation-duration: 130s; }
        .cloud3 { top: 18vh; left: 60vw; animation-duration: 110s; }
        .cloud4 { top: 23vh; left: 85vw; animation-duration: 150s; }

        /* Cloud drift animation */
        @keyframes cloudDriftLoop {
            0% {
                transform: translateX(0px);
            }
            100% {
                transform: translateX(500px); /* Beyond right edge */
            }
        }