.filter-grayscale {
    filter: none;
}

.filter-grayscale:before {
    padding-top: 175%;
}

.cursor-pointer.filter-grayscale {
    border: 1px solid #dedede;
}

.filter-grayscale img {
    filter: grayscale(100%);
    transition: .5s filter, .5s transform;
}

.filter-grayscale img:hover {
    filter: none;
}

.filter-grayscale p.super-position {
    border: 1px solid #dedede;
}