:root {
    --image-max-width: 100%;
    --num-cells: 6;
    --border-color: black;
    --border-width: 1px;
}

#standard-background table {
    border: var(--border-width) solid var(--border-color);
    border-collapse: collapse;
}

#standard-background th {
    border: var(--border-width) solid var(--border-color);
}

#standard-background td {
    border: var(--border-width) solid var(--border-color);
}

#standard-background th, #standard-background td {
    padding: 2px 5px 2px 5px;
    text-align: center;
}

img {
    max-width: 100%;
}

.table {
    display: inline-block;
}

.width-1 {
    width: calc(1 * (var(--image-max-width) / var(--num-cells)));
}
.width-2 {
    width: calc(2 * (var(--image-max-width) / var(--num-cells)));
}
.width-3 {
    width: calc(3 * (var(--image-max-width) / var(--num-cells)));
}
.width-4 {
    width: calc(4 * (var(--image-max-width) / var(--num-cells)));
}
.width-5 {
    width: calc(5 * (var(--image-max-width) / var(--num-cells)));
}
.width-6 {
    width: calc(6 * (var(--image-max-width) / var(--num-cells)));
}