.gallery {
            display:flex;
            flex-wrap:wrap;
            gap:10px;
        }

        .gallery-item {
            flex: 1 1 calc(25% - 20px);
            box-sizing: border-box;
            padding:10px;
            text-align:center;
        }

        .gallery-item img {
            width:100%;
            height:auto;
            display:block;
        }

        @media (max-width: 768px) {
            .gallery-item {
                flex: 1 1 calc(50% - 20px);
            }
        }

        @media (max-width: 480px) {
            .gallery-item {
                flex: 1 1 100%;
            }
        }

        /* Clearfix */
        .gallery::after {
            content: "";
            display: table;
            clear: both;
        }