.metal-shine {
            position: relative;
            overflow: hidden;
        }

        .metal-shine::after {
            content: '';
            position: absolute;
            top: -50%;
            left: -60%;
            width: 30%;
            height: 200%;
            background: rgba(255, 255, 255, 0.13);
            transform: rotate(30deg);
            transition: all 0.6s ease;
        }

        .metal-shine:hover::after {
            left: 130%;
        }

            /* Custom Scrollbar for caption area if it gets too long */
    #lightbox-caption::-webkit-scrollbar {
        width: 6px;
    }
    #lightbox-caption::-webkit-scrollbar-track {
        background: transparent;
    }
    #lightbox-caption::-webkit-scrollbar-thumb {
        background-color: #cbd5e1;
        border-radius: 20px;
    }