.metal-brushed .one{
    background: url(../../images/product-details/metal-brushed/bg12.png) center no-repeat;
    background-size: cover
}
.metal-brushed .two{
    background: url(../../images/product-details/metal-brushed/bg22.png) center no-repeat;
    background-size: cover;
    z-index: 10;
}
.metal-brushed .three{
    background: url(../../images/product-details/metal-brushed/bg32.png) center no-repeat;
    background-size: cover
}
.metal-brushed .four{
    background: url(../../images/product-details/metal-brushed/bg42.png) center no-repeat;
    background-size: cover
}
.metal-brushed .five{
    background: url(../../images/product-details/metal-brushed/bg52.png) center no-repeat;
    background-size: cover
}
.metal-brushed .six{
    background: url(../../images/product-details/metal-brushed/bg62.png) center no-repeat;
    background-size: cover
}
.metal-brushed .seven{
    background: url(../../images/product-details/metal-brushed/bg72.png) center no-repeat;
    background-size: cover
}
.metal-brushed .eight{
    background: url(../../images/product-details/metal-brushed/bg82.png) center no-repeat;
    background-size: cover
}
.metal-brushed .nine{
    background: url(../../images/product-details/metal-brushed/bg92.png) center no-repeat;
    background-size: cover
}
.metal-brushed .ten{
    background: url(../../images/product-details/metal-brushed/bg102.png) center no-repeat;
    background-size: cover
}
.metal-brushed .one .left-bottom{
    position: absolute;
    left: 1.2rem;
    bottom: 2rem;
}

.metal-brushed .two .top-center{
    position: absolute;
    top: 1rem;
    right: 0;
    left: 0;
}
.metal-brushed .three .top-center{
    position: absolute;
    top: 1rem;
    right: 0;
    left: 0;
}
.metal-brushed .four .top-center{
    position: absolute;
    top: 1rem;
    right: 0;
    left: 0;
}
.metal-brushed .five .top-center{
    position: absolute;
    top: 1rem;
    right: 0;
    left: 0;
}