/* preview */
.preview div {
    position: relative;
    width: 200px;
    height: 200px;
    float: left;
    margin-right: 3px;
    margin-left: 3px;
    margin-bottom: 3px;
    margin-top: 3px;
    
    border-width: 2px 2px;
    /* border-radius: 5px; */
    border-color: rgba(165, 154, 154, 0.61);
    border-style: solid;
}

.preview img, .preview video {
    width: 195px;
    height: 195px;
    display: block;
    transition: .5s ease;
    backface-visibility: hidden;
}

.preview div .delete {
    transition: .5s ease;
    position: absolute;
    top: 45%;
    right: 45%;
    opacity: 0;
    background: red;
    color: white;
    cursor: pointer;
    padding: 10px;
}

.preview div:hover .preview img {
    opacity: 0.3;
}

.preview div:hover .preview video {
    opacity: 0.3;
}

.preview div:hover .delete {
    opacity: 1;
}