.wolk {
       position: absolute;
       animation-timing-function: linear;
       animation-iteration-count: infinite;
   }

   .wolk img {
       display: block;
       opacity: 0.8;
   }

   /* Cloud sizes */
   .wolk-groot {
       animation: moveCloudSlow 120s linear infinite;
       top: 10%;
   }

   .wolk-groot img {
       width: 150px;
       height: auto;
   }

   .wolk-medium {
       animation: moveCloudMedium 85s linear infinite;
       top: 25%;
   }

   .wolk-medium img {
       width: 100px;
       height: auto;
       opacity: 0.7;
   }

   .wolk-klein {
       animation: moveCloudFast 60s linear infinite;
       top: 40%;
   }

   .wolk-klein img {
       width: 70px;
       height: auto;
       opacity: 0.6;
   }

   .wolk-mini {
       animation: moveCloudVeryFast 55s linear infinite;
       top: 60%;
   }

   .wolk-mini img {
       width: 45px;
       height: auto;
       opacity: 0.5;
   }

   /* Multiple cloud instances with different delays */
   .wolk-groot:nth-child(2) {
       animation-delay: -20s;
       top: 15%;
   }

   .wolk-medium:nth-child(3) {
       animation-delay: -15s;
       top: 35%;
   }

   .wolk-klein:nth-child(4) {
       animation-delay: -10s;
       top: 50%;
   }

   .wolk-mini:nth-child(5) {
       animation-delay: -5s;
       top: 70%;
   }

   .wolk-groot:nth-child(6) {
       animation-delay: -40s;
       top: 5%;
   }

   .wolk-medium:nth-child(7) {
       animation-delay: -30s;
       top: 20%;
   }

   /* Keyframes for different speeds */
   @keyframes moveCloudSlow {
       0% {
           transform: translateX(-200px);
       }

       100% {
           transform: translateX(calc(100vw + 200px));
       }
   }

   @keyframes moveCloudMedium {
       0% {
           transform: translateX(-150px);
       }

       100% {
           transform: translateX(calc(100vw + 150px));
       }
   }

   @keyframes moveCloudFast {
       0% {
           transform: translateX(-100px);
       }

       100% {
           transform: translateX(calc(100vw + 100px));
       }
   }

   @keyframes moveCloudVeryFast {
       0% {
           transform: translateX(-75px);
       }

       100% {
           transform: translateX(calc(100vw + 75px));
       }
   }

   /* Subtle floating animation */
   .wolk-groot {
       animation: moveCloudSlow 60s linear infinite;
   }

   .wolk-medium {
       animation: moveCloudMedium 50s linear infinite;
   }

   .wolk-klein {
       animation: moveCloudFast 45s linear infinite;
   }

   .wolk-mini {
       animation: moveCloudVeryFast 30s linear infinite;
   }

   /* 
    @keyframes float {

        0%,
        100% {
            transform: translateY(0px);
        }

        50% {
            transform: translateY(-10px);
        }
    } */