.grid-container {
    width: 100%;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.grid a,
.grid a img {
    border-radius: 0.5rem;
}

.grid a {
    transform: scale(0.95);
    transition: all 0.1s ease !important;
}

.grid a:focus,
.grid a:hover {
    transform: scale(1.0);
}

.grid a.private,
.grid a.private * {
    color: color-mix(in srgb, var(--danger) 50%, white 50%) !important;
}

.grid a.private {
    background-color: var(--danger) !important;
}

.grid a.private img {
    -webkit-filter: grayscale(100%) sepia(1) !important;
    filter: grayscale(100%) contrast(1.25) !important;
    opacity: 0.5;
}