body{
    margin: 0 px;
    background-color: black;
}

input{
width:80%;
position: absolute;
z-index: 4;
}
img{
    z-index: -1;
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    filter: blur(5px);
}
.dg.a{
    width: 19% !important;

}
canvas{
    top:0px;
    left:0px;
  } 
@media(max-width:991px){
    input{ width:100%;}
    .dg.a { 
        padding-top:20px !important;
        position: absolute !important;
        top:80vh !important;
        float: left !important;
        width:100% !important 
    }
    canvas{
        height: 80vh !important;
        width:100% !important ;
    }
   
}

#canvas1{
    position: absolute;
    top:0px;
    left:0px;
    z-index: 0;
}
#canvas2{
    position: absolute;
    top:0px;
    left:0px;
    z-index: -2;
}
#canvas3{
    position: absolute;
    top:0px;
    left:0px;
    z-index: -1;
}