@media screen and (max-width: 320px) {

        .cloud{position: fixed;left:;top: 70%;width: 150px;}

        .cloud2{position: fixed;right:;top: 30%;width: 50px;}

        .cloud3{position: fixed;left:;top: 23%;width: 100px;}

    }

    @media screen and (min-width: 321px) and (max-width: 375px) {

        .cloud{position: fixed;left:;top: 72%;width: 150px;}

        .cloud2{position: fixed;right:;top: 32%;width: 50px;}

        .cloud3{position: fixed;left:;top: 25%;width: 100px;}

    }

    @media screen and (min-width: 376px) {

        .cloud{position: fixed;left:;top: 68%;width: 150px;}

        .cloud2{position: fixed;right:;top: 32%;width: 50px;}

        .cloud3{position: fixed;left:;top: 25%;width: 100px;}

    }

    @media screen and (max-height: 480px) {

        .cloud{position: fixed;left:;top: 81%;width: 150px;}

        .cloud2{position: fixed;right:;top: 35%;width: 50px;}

        .cloud3{position: fixed;left:;top: 27%;width: 100px;}

    }