/*One entry in grid-container*/
.figure-entry {
    background-color: #4C4C4C;
    border-radius: 15px;
    position: relative;
}

/*Grid used to display figure image, ID, etc*/
.figure-grid {
    padding: 10px;
    display: grid;
    row-gap: 10px;
    z-index: 0;
}

.figure-grid-overlay {
    position: absolute;
    background-color: #4C4C4C;
    opacity: 0;
    z-index: 1;
    cursor: pointer;
    border-radius: 15px;
    padding: 5px;

    height: 100%;
    width: 100%;

    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */

    transition: opacity 0.35s ease;

}

.figure-grid-overlay:hover {
    opacity: 0.9;
}

.figure-data {
    padding: 10px;
    background-color: #3E3E3E;
    border-radius: 10px;
}