#clockContainer {
    border-radius: 50%; /* Đảm bảo đồng hồ có viền tròn */
    position: relative;
    margin: auto;
    height: 20vw;
    width: 20vw;
    background: url(../images/oclock_bg.jpg) no-repeat center center;
    background-size: cover; /* Làm hình ảnh nền phủ đầy đồng hồ mà không bị méo */
    background-color: rgba(255, 255, 255, 0.4); /* Mặt đồng hồ nhạt màu hơn */
    border: 1.5px solid #333; /* Viền ngoài mảnh và sắc nét */
    image-rendering: crisp-edges; /* Tạo độ sắc nét cho hình ảnh nền */
}

#hour, #minute, #second {
    position: absolute;
    background: black;
    border-radius: 50%; /* Kim đồng hồ giữ hình tròn */
    transform-origin: bottom; /* Giữ điểm quay của các kim ở dưới cùng */
    image-rendering: auto; /* Đảm bảo các kim đồng hồ sắc nét */
}

/* Kim giờ */
#hour {
    width: 2%; /* Điều chỉnh độ dày của kim giờ */
    height: 25%;
    top: 25%;
    left: 49%;
    background-color: #333; /* Kim giờ màu đen */
    opacity: 0.9;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); /* Tạo bóng nhẹ cho kim giờ */
}

/* Kim phút */
#minute {
    width: 1.8%; /* Điều chỉnh độ dày của kim phút */
    height: 30%;
    top: 20%;
    left: 49.1%;
    background-color: #555; /* Kim phút màu xám */
    opacity: 0.8;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4); /* Tạo bóng nhẹ cho kim phút */
}

/* Kim giây */
#second {
    width: 1%; /* Điều chỉnh độ dày của kim giây */
    height: 40%;
    top: 9%;
    left: 49%;
    background-color: red; /* Kim giây màu đỏ */
    opacity: 0.9;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.3); /* Bóng nhẹ cho kim giây */
}