.wrapper > div {
    display: inline-block;
    margin: 5px;
}
.wrapper > div input[type="checkbox"] {
    display: none;
}
.wrapper > div input[type="checkbox"]:checked + label {
    opacity: 0.35;
    outline: 2px solid red;
    display: block;
}
.images-wrapper-tr{
    display: none;
}

.trash{
    position: relative;
}

.trash::after {
    content: "Trashed";
    display: block;
    color: white;
    padding: 4px 0;
    font-weight: bold;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    background: rgba(0,0,0,1);
}

progress#counter {
    width: 100%;
    height: 15px;
    color: white;
}