#bag_div{
    position:absolute;
    z-index:-1;
    width:150px;
    height:150px;
    left:0px;
    top:100px;
}
#bag_img:hover{
    cursor: pointer;
}
#bag_img{
    width:100%;
    height:100%;
}
.clover_div_c{
    position:absolute;
    z-index:-2;
    width:70px;
    height:70px;
}
.clover_img{
    width:100%;
    height:100%;
    transform: rotate(0deg);
}
#clover_div_1{
    top:0px;
    left:320px;
}
#clover_div_2{
     top:20px;
    left:250px;
}
#clover_div_3{
    top:250px;
    left:300px;
}
#clover_div_4{
    top:250px;
    left:200px;
}
#clover_div_5{
    top:80px;
    left:170px;
}
#clover_div_6{
    top:200px;
    left:50px;
}
#clover_div_7{
    top:10px;
    left:20px;
}
#clover_div_8{
    top:300px;
    left:0px;
}
@media screen and (min-width:600px){
    #bag_div{
        width:150px;
        height:150px;
        left:60px;
        right:auto;
        top:140px;
    }
    #clover_div_1{
        top:0px;
        left:500px;
    }
    #clover_div_2{
        top:20px;
        left:400px;
    }
    #clover_div_3{
        top:20px;
        left:320px;
    }
    #clover_div_4{
        top:100px;
        left:350px;
    }
    #clover_div_5{
        top:40px;
        left:220px;
    }
    #clover_div_6{
        top:200px;
        left:250px;
    }
    #clover_div_7{
        top:10px;
        left:80px;
    }
    #clover_div_8{
        top:200px;
        left:10px;
    }
}
@media screen and (min-width:1024px){
    #bag_div{
        width:150px;
        height:150px;
        top:20px;
        left:300px;
    }
    #clover_div_1{
        top:0px;
        left:900px;
    }
    #clover_div_2{
        top:20px;
        left:800px;
    }
    #clover_div_3{
        top:0px;
        left:700px;
    }
    #clover_div_4{
        top:50px;
        left:600px;
    }
    #clover_div_5{
        top:40px;
        left:500px;
    }
    #clover_div_6{
        top:70px;
        left:250px;
    }
    #clover_div_7{
        top:10px;
        left:150px;
    }
    #clover_div_8{
        top:100px;
        left:100px;
    }
}