img, video {
    max-width: 100%;
    vertical-align: middle;
}

/* Masonry grid */
.masonry {
    transition: all .5s ease-in-out;
    column-gap: 20px;
    /*column-fill:balance;*/
}

/* Masonry item */
.masonry .brick {
    width: 100%;
    margin-bottom: 20px;
    display: inline-block; /* Fix the misalignment of items */
    vertical-align: top; /* Keep the item on the very top */
    opacity: 1;
}

/* Masonry image effects */
.masonry .brick img {
    transition: all .5s ease-in-out;
    backface-visibility: hidden; /* Remove Image flickering on hover */
}

.masonry .brick:hover img {
    opacity: .75;
}

/* Masonry on tablets */
@media only screen and (min-width: 320px) and (max-width: 699px) {
    .masonry {
        column-count: 2;
        column-gap: 16px;
    }
    
    .masonry .brick {
        margin-bottom: 16px;
    }
}

/* Masonry on tablets */
@media only screen and (min-width: 700px) and (max-width: 1023px) {
    .masonry {
        column-count: 3;
    }
}

/* Masonry on big screens */
@media only screen and (min-width: 1024px) {
    .desc {
        font-size: 1.25em;
    }
    .intro {
        letter-spacing: 1px;
    }
    .masonry {
        column-count: 3;
    }
    .masonry.fullwidth {
        column-count: 5;
    }
    .masonry.fullwidth2 {
        column-count: 7;
    }
}