body {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background: ;
  margin: 0;
}

.clock {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 0px solid #ffd700;
  border-radius: 100%;
  background: ;
}

.background {
  position: absolute;
  width: 60%;
  height: 100%;
  object-fit: cover;
}

.hand {
  position: absolute;
  top: %;
  left: %;
  transform-origin: middle;
  transform: rotate(180deg);
  width: 40vh;
  height: 40vh;
}
#background {
  position: absolute;
  z-index: 0;
}

#hour {
  position: absolute;
  z-index: 1;
}

#minute {
  position: absolute;
  z-index: 2;
}

#second {
  position: absolute;
  top: 29%;
  left: 50%;
  width: 0.2vh;
  height: 21vh;
  background: white; /* your visible white hand */
  transform-origin: bottom center;
  z-index: 3; /* always on top */
}