.gallery {
            columns: 4;
            column-gap: 20px;
        }

        .photo-item {
            background: white;
            overflow: hidden;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            margin-bottom: 20px;
            break-inside: avoid;
            display: inline-block;
            width: 100%;
        }

        .photo-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 5px 20px rgba(0,0,0,0.2);
        }

        .photo-item picture {
            width: 100%;
            height: auto;
            display: block;
        }



        /* Responsywność */
        @media (max-width: 768px) {
            .gallery {
                columns: 2;
                column-gap: 15px;
            }

            .gallery-title {
                font-size: 1.5rem;
                margin-bottom: 20px;
            }

            body {
                padding: 15px;
            }

            .photo-item {
                margin-bottom: 15px;
            }
        }

        @media (max-width: 480px) {
            .gallery {
                columns: 1;
                column-gap: 10px;
            }

            .photo-item {
                margin-bottom: 10px;
            }
        }