.billiard-thumbs-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    pointer-events: none; /* Allow clicks through container, but not thumbs */
    z-index: 9999; /* Adjust as needed */
}

.billiard-thumb {
    position: absolute;
    width: 100px; /* Adjust size */
    height: 100px;
    pointer-events: auto; /* Enable interactions on thumbs */
    cursor: pointer;
}

.billiard-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%; /* Optional: make them circular for fun, like hockey pucks */
}