#clockcontainer{
    position: relative;
    border-radius: 213px;
    margin: auto;
    /* border: 2px solid red; */
    height: 25vw;
    width: 25vw;
    background: url(clock.png) no-repeat;
    background-size:100% ;
    margin-top: 130px;
}
#hour, #minute, #second {
    position: absolute;
    background: black;
    border-radius: 10px;
    transform-origin: bottom;
}
#hour{
 width: 1.3%;
 height: 29%;
 top: 22%;
 left: 49.3%;
 opacity: 0.8;
 /* display: none;  */
}
#minute{
    width: 1%;
    height: 31%;
    top: 18%;
    left: 49.5%;
    opacity: 0.8;
    /* display: none;  */
} 
#second {
    width: 1%;
    height: 35%;
    top: 14%;
    left: 49.5%;
    opacity: 0.8;
    /* display: none; */
}