.page-header {
            background: linear-gradient(135deg, rgba(6, 78, 59, 0.9) 0%, rgba(15, 23, 42, 0.85) 100%), url('../images/Sekolah.jpg') no-repeat center center/cover;
            padding: 160px 0 80px;
            text-align: center;
            color: var(--white);
        }

        .page-header h1 {
            font-size: 3rem;
            color: var(--white);
            margin-bottom: 10px;
        }

        .galeri-title {
            position: absolute;
            bottom: 20px;
            left: 20px;
            color: white;
            font-weight: 600;
            z-index: 2;
            opacity: 0;
            transition: 0.4s;
            transform: translateY(20px);
        }

        .masonry-item:hover .galeri-title {
            opacity: 1;
            transform: translateY(0);
        }