兔子定位问题

/*整体设置*/
*{
    width: 100%;
    padding: 0;
    margin:0;
}

/*蓝天样式*/
.sky{
    height: 50vh;
    background:-webkit-linear-gradient(top,rgba(196, 228, 253,1) 0%,rgba(255, 255, 255,1) 100%);
    background:-moz-linear-gradient(top,rgba(196, 228, 253,1) 0%,rgba(255, 255, 255,1) 100%);
    background:-o-linear-gradient(top,rgba(196, 228, 253,1) 0%,rgba(255, 255, 255,1) 100%);
    background:linear-gradient(top,rgba(196, 228, 253,1) 0%,rgba(255, 255, 255,1) 100%);
    position: relative;
}

/*草地样式*/
.grass{
    height: 50vh;
    background:-webkit-linear-gradient(top,rgba(255, 255, 255,1) 0%,rgba(148, 190, 89,1) 100%);
    background:-moz-linear-gradient(top,rgba(255, 255, 255,1) 0%,rgba(148, 190, 89,1) 100%);
    background:-o-linear-gradient(top,rgba(255, 255, 255,1) 0%,rgba(148, 190, 89,1) 100%);
    background:linear-gradient(top,rgba(255, 255, 255,1) 0%,rgba(148, 190, 89,1) 100%); 
    position: relative;
}

/*云朵*/
.cloud{
    width: 100px;
    height: 30px;
    border-radius: 15px;
    background: rgba(255,255,255,1);   
    position:absolute;
    top: 50px;
    left: 100%;
}
.cloud:before,.cloud:after{
    content: "";
    width: 50px;
    height: 40px;
    border-radius: 50px;
    position: absolute;
    transform:rotate(30deg);
    background: rgba(255,255,255,1);
    top: -5px;
    left: 5px;
}
.cloud:after{
    content: "";
    width: 60px;
    height: 60px;
    border-radius: 50%;
    top: -25px;
    left: 30px;
}
 .no1{
    animation:fly 12s linear infinite;
    opacity: 0.7;
    transform:scale(1);
 }
 .no2{
    animation:fly 10s linear infinite;
    opacity: 0.7;
    transform:scale(1.2);
    top: 90px;
 }
 .no3{
    animation:fly 11s linear infinite;
    opacity: 0.8;
    transform:scale(0.9);
    top: 130px;
 }
 .no4{
    animation:fly 12s linear 2s infinite;
    opacity: 1;
    transform:scale(0.8);
    top: 55px;
 }
 .no5{
    animation:fly 16s linear 1s infinite;
    opacity: 0.6;
    transform:scale(0.7);
    top: 100px;
 }
 @keyframes fly{
    0%{
        right: 0px;
    }
    100%{
        left: -100%;
    }
 }

 /*图片设置*/
 .grass img.rabbit{
    position: absolute;
    transform:scale(0.1);
    right:200px;
    bottom: 50px;  
 }

想问下为什么缩放scale后兔子定位跑到了窗口上方？