#phone {
    display: inline-block;
    position: absolute;
    transform: skew(0deg);
    z-index: 10;
    width: 100%;
    height: 100%;
}

#surper {
    display: inline-block;
    position: absolute;
    background: url(../../img/login/surper.png) no-repeat center;
    z-index: 11;
    width: 100%;
    height: 100%;
    background-size: cover;

}

#big {
    display: inline-block;
    position: absolute;
    background: url(../../img/login/big.png) no-repeat center;
    z-index: 12;
    width: 80%;
    height: 80%;
    background-size: cover;
    left: 12%;
    top: 10%;
}

#small {
    display: inline-block;
    position: absolute;
    background:  url(../../img/login/small.png) no-repeat center;
    width: 100%;
    height: 100%;
    background-size: cover;
    z-index: 13;
}