Undervis i Klokken

#clock { width: 80vw; max-width: 500px; aspect-ratio: 1/1; background: url('https://skoleudstyr.dk/wp-content/uploads/2023/12/ur.svg') no-repeat center center; position: relative; margin: 0 auto; } .hand { position: absolute; transform-origin: 50% 100%; left: 50%; } #secondHand { background-color: #699a53; height: 36%; width: 2px; top: 50%; transform: translateX(-50%); } #minuteHand { height: 40%; width: 20%; top: 50%; transform: translate(-50%, -100%) rotate(0deg); } #hourHand { height: 20%; width: 20%; top: 51%; transform: translate(-50%, -100%) rotate(0deg); } #digitalClockFrame { position: absolute; bottom: -4vw; left: 50%; transform: translateX(-50%); padding: 1vw; border: 2px solid #000; border-radius: 2vw; background-color: #fff; font-size: 3vw; } #centerCircle { position: absolute; background-color: #699a53; width: 4%; height: 4%; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 999; }