.gallery {
            display: flex;
            flex-wrap: wrap;
            padding: 0 3%;

        }

        .gallery-column {
            margin: 0 auto;
            max-width: 24.5%;
        }

        .gallery-column img {
            margin-top: 8px;
            vertical-align: middle;
            width: 100%;
        }

        @media screen and (max-width: 1200px) {
            .gallery-column {
                flex: 33%;
                max-width: 32.5%;
            }
        }

        @media screen and (max-width: 992px) {
            .gallery-column {
                flex: 50%;
                max-width: 49.5%;
            }
        }

        @media screen and (max-width: 600px) {
            .gallery-column {
                flex: 100%;
                max-width: 100%;
            }
        }