.clouds {
    position: absolute;
    height:280px;
    left: 0;
    top: 0;
    right:0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
}

@-webkit-keyframes animCloud {
    from {
        -webkit-transform: translateX(100vw)
    }
    to {
        -webkit-transform: translateX(-100%)
    }
}
@-moz-keyframes animCloud {
    from {
        -moz-transform: translateX(100vw)
    }
    to {
        -moz-transform: translateX(-100%)
    }
}
@keyframes animCloud {
    from {
        -webkit-transform: translateX(100vw);
        -moz-transform: translateX(100vw);
        -ms-transform: translateX(100vw);
        -o-transform: translateX(100vw);
        transform: translateX(100vw)
    }
    to {
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}
.cloud1 {
height:280px;;
    -webkit-animation: animCloud 91s infinite linear;
    -moz-animation: animCloud 91s infinite linear;
    animation: animCloud 91s infinite linear
}

.cloud3 {
height:220px;
    -webkit-animation: animCloud 63s infinite linear;
    -moz-animation: animCloud 63s infinite linear;
    animation: animCloud 63s infinite linear
}
.cloud4 {
height:260px;
    -webkit-animation: animCloud 87s infinite linear;
    -moz-animation: animCloud 87s infinite linear;
    animation: animCloud 87s infinite linear
}