.gallery {
            padding: 7rem 2rem;
            background: transparent;
            position: relative;
            z-index: 1;
        }

        .gallery-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 2rem;
            margin-top: 5rem;
        }

        .gallery-item {
            position: relative;
            overflow: hidden;
            border-radius: 20px;
            aspect-ratio: 1;
            cursor: pointer;
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.18);
            transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .gallery-item:hover {
            transform: scale(1.08) rotate(3deg);
            box-shadow: 0 30px 70px rgba(0, 0, 0, 0.35);
            z-index: 10;
        }

        .gallery-item img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 1s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .gallery-item:hover img {
            transform: scale(1.4) rotate(-3deg);
        }

        .gallery-item::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
        background: linear-gradient(
          135deg,
          rgba(117, 59, 125, 0.85) 0%,
          rgba(84, 134, 130, 0.7) 100%
        );
            opacity: 0;
            transition: opacity 0.6s;
        }

        .gallery-item:hover::after {
            opacity: 1;
        }