#levelTable{
    background: transparent !important;
    border-collapse: collapse !important; 
    border: none !important; /* Removes borders */
    padding: 10px !important;
    
}/* Make the container responsive */
.table-container {
    width: 100%;
    overflow-x: auto; /* Prevents horizontal scrolling */
}

/* Remove table borders & background */
table {
    border-collapse: collapse;
    width: 100%;
    background: transparent;
}

/* Style table cells */
td {
    border: none;
    padding: 10px;
    text-align: center;
    background: transparent;
    width: 50%; /* Each image takes half of the row by default */
}

/* Keep image size fixed */
img {
    max-width: 300px; /* Fixed size */
    height: auto;
    display: block;
    margin: 0 auto;
}

/* Make text smaller on small screens */
p {
    margin-top: 5px;
    font-size: 14px;
    font-weight: bold;
}

/* Make images stack (1 per row) on small screens */
@media screen and (max-width: 600px) {
    tr {
        display: block;
    }
    td {
        display: block;
        width: 100%; /* Each image takes full width */
    }
}

/* Make it stack on small screens */
@media screen and (max-width: 600px) {
    td {
        display: block;
        width: 100%; /* Each image takes full width */
    }
}