.gallery {
    -webkit-column-count: 6;
    -moz-column-count: 6;
    column-count: 6;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    margin-top: 10px;
    overflow: hidden;
}
.gallery img {
    width: 100%;
    height: auto;
    transition: 500ms;
    margin-bottom: 10px;
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
}
.gallery img:hover {
    opacity: 1;
}

@media screen and (max-width: 767px) {
	.gallery {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
	.gallery div {
        margin: 0;
        width: 200px;
    }
}
@media screen and (max-width: 479px) {
    .gallery {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
    .gallery div {
        margin: 0;
        width: 200px;
    }
}