#lightbox {
    display: none; 
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
    z-index: 1000; /* Ensures it stays on top */
}

#lightbox img {
    max-width: 80%;
    max-height: 80%;
}

.image img {
    cursor: pointer;
}

.image.main img {
    width: 600px !important;  /* Adjust size */
    height: auto !important;  /* Maintain aspect ratio */
    display: block !important;
    margin: 0 auto !important;
}
header.major {
    margin-bottom: 40px !important; /* Adds space after the title */
}

.image.main {
    margin-bottom: 10px !important; /* Adds space between images */
}