.gallery {
    position: relative;
    width: 100%;
}

.column {
    display: inline-block;
    vertical-align: top;
    white-space: normal;
}

.brick {
    position: absolute;
    visibility: hidden;
}

.new-brick {
    position: relative;
    max-width: 100%;
    width: 100%;
    height: 100%;
}

.brick-overlay {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(20, 20, 20, 0);
    transition: .7s;
    z-index: 5;
}

/*.brick-overlay img {
    display: none;
}*/

.brick-overlay:hover {
    background: rgba(20, 20, 20, .6);
}

.brick-overlay:hover img {
    display: flex;
}

.card-old, .card, .card-body {
    position: relative;
}

.card {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    box-shadow: 0 2px 50px 0 rgba(44, 45, 50, 0.2);
}