index.css

#clockContainer{
    position: relative;
    background: url(Clock.png) no-repeat;
    background-size: 100%;
    height: 40vw;
    width: 40vw;
    margin: auto;
}
#hour, #min, #sec{
    position: absolute;    
    border-radius: 10px;
    transform-origin: bottom;
    background-color: black;
    transition: all 0.5s ease-in;
}
#hour{
    width: 1%;
    height: 18.5%;
    top: 31.9%;
    left: 49.45%;
    transform: translate(-50%, -100%) rotate(0deg);
}
#min{
    width: 1%;
    height: 26%;
    top: 24.6%;
    left: 49.4%;
    transform: translate(-50%, -100%) rotate(0deg);
    /* display: none; */
}
#sec{
    width: 1%;
    height: 34%;
    top: 16.4%;
    left: 49.45%;
    transform: translate(-50%, -100%) rotate(0deg);
    /* display: none; */
}
h2, h3{
    text-align: center;
}