#clockContainer{
    position: relative;
    margin: auto;
    height: 600px;
    width: 600px;
    background: url(clock2.png) no-repeat;
    background-size: 100%;
}

#hour, #minute, #second{
    position: absolute;
    background: rgb(8, 8, 8);
    border-radius: 10px;
    transform-origin: bottom;
}
#hour{
    width: 1.4%;
    height: 18%;
    top: 32.2%;
    left: 49.33%;
}
#minute{
    width: 0.9%;
    height: 24%;
    top: 26.2%;
    left: 49.54%;
    opacity: 4;
}
#second{
    width: 0.4%;
    height: 29%;
    top: 21.2%;
    left: 49.79%;
    opacity: 4;
    background:red;
}
#clockContainer .circle{
    position: absolute;
    height: 20px;
    width: 20px;
    background-color: rgb(8, 8, 8);
    border-radius: 30px;
    top: 289.99px;
    left: 289.99px;   
}