.gallery-container {
            width: 85vw;
            height: 85vh;
            overflow-y: scroll;
            padding: 20px;
        }

        .gallery-container h4{
            color: var(--main_color_04);
            margin-bottom: 20px;
            font-size: large;
        }


        .image-row {
            display: flex;
            flex-wrap: wrap;
            margin-bottom: 20px;
            gap: 15px;
            justify-content: flex-start;
        }

        .image-card {
            flex: 0 0 calc(25% - 15px);
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
            border-radius: 8px;
            overflow: hidden;
            transition: transform 0.3s;
            background: white;
        }

        .image-card:hover {
            transform: scale(1.03);
        }

        .image-card img {
            width: 100%;
            height: 200px;
            object-fit: cover;
            cursor: pointer;
        }

        .image-info {
            padding: 10px;
            background: #f8f9fa;
            color: black;
        }
        .image-info p {
            margin: 5px 0;
            word-break: break-word;
            color: black;
        }

        .user-name {
            font-weight: bold;
            color: black;
        }
        .file-name {
            font-style: italic;
            color: #555;
        }


         /* Lightbox custom styles */
         .lg-outer .lg-img-wrap {
            padding: 60px 0;
        }
        .lg-outer .lg-image {
            max-height: 80vh;
        }
        .lg-outer .lg-sub-html {
            background: rgba(0,0,0,0.7);
            padding: 15px;
            bottom: 0;
            color: white;
        }


        @media (max-width: 992px) {
            .image-card {
                flex: 0 0 calc(50% - 15px);
            }
        }
        @media (max-width: 576px) {
            .image-card {
                flex: 0 0 100%;
            }
        }