.image-square {
    display: table-cell;
    max-width: 80px;
    cursor: pointer;
    transition: border .2s, box-shadow .2s;
}

    .image-square img {
        width: 100px;
     
    }

    .image-square span {
        display: none;
    }

    .image-square:hover {
        border-color: #999;
    }

    .image-square.selected {
        border-color: #008000;
        border-width: 2px;
        box-shadow: 0 0 0 2px #008000;
    }

.qty-box {
    margin-top: .35rem;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}