#clock{  
    position: relative;
    margin: auto;
    margin-top: 35px;
    height: 40vw;
    width: 40vw; 
    background: url(clock1.jpg) no-repeat;
    background-size: 100%;
    
}
#hour, #minute, #second{
    position: absolute;
    background: black;
    border-radius: 10px; 
    transform-origin: bottom;
}
#hour{
    width: 1.8%;
    height: 25%;
    top: 25%;
    left: 48.85%;
    opacity: 0.8;  
}
 
#minute{
    width: 1.6%;
    height: 37%;
    top: 15%;
    left: 48.9%;
    opacity: 0.8;  
}
 
#second{
    width: 1%;
    height: 40%;
    top: 11%;
    left: 50.25%;
    opacity: 0.8; 
    
}