#clockContainer{
    position: relative;
margin: auto;
background-color: solid red;
    border: 2px solid rgb(108, 76, 182);
    height: 440px;
    width: 440px;
    background:url(clock.png) no-repeat;
    background-size: 100%;
}
#hour, #minute,#second{
    position: absolute;
    background: black;
    border-radius: 10px;
    transform-origin: bottom ;

}
#hour{
    width: 1.6%;
    height: 21%;
    top: 29%;
    left: 49.1%;
    /* display :none; */
    /* display none is used for off that operation within time of particular point */



}
#minute{
    width: 1.5%;
    height: 33%;
    top: 17%;
    left: 49.1%;
    opacity: 0.8;
    
    



} 
#second{
    width: 1%;
    height: 41%;
    top: 9%;
    left: 49.2%;
    
    
}