#captchaGrid {
    display: grid;
    grid-template-columns: repeat(3,120px);
    gap: 10px;
}


.modal-dialog {
    background-color: #f4f4f4 !important;
    border: 1px solid #d1d1d1 !important;
    box-shadow: 0 5px 15px rgb(3 3 3 / 16%) !important;
    border-radius: 4px !important;
}

.box {
    border: 3px solid transparent;
    cursor: pointer;
}

.box {
    width: 100%;
    aspect-ratio: 1 / 1; /* makes all boxes square */
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    border: 2px solid transparent;
    transition: 0.3s;
}

.box img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* fills box like your example */
    display: block;
}

.box:hover {
    border-color: orange;
}
    .box.selected {
        border: 3px solid #ff0000;
    }