.gallery-hero-section__container{
    height: fit-content;
    padding: 14rem 0 0 0;
    font-family: var(--font-family-cursive-1);
    font-size: 1.8rem;
    text-align: center;
}

.gallery-hero-section__content{
    width: var(--container-width-small);
    border-bottom: 0.1rem solid var(--color-shady_white);
    height: var(--container-full);

    padding-bottom: 8rem;
}

.gallery-section__container{
    /*height: fit-content;*/
}

.gallery-section__wrapper{
    /*height: fit-content;*/
}

.gallery-section__content{
    /*height: fit-content;*/
}


body.lightbox-active {
    overflow: hidden;
}

/* Gallery Section */
.gallery-section__container {
    position: relative;
    height: fit-content;
    padding: 8rem 0;
    background: var(--color-temp-lighter);
}

.gallery-section__content {
    margin-top: 4rem;
}

.gallery-section__heading {
    position: absolute;
    top: 12rem;
}

.nav-link-highlight:link,
.nav-link-highlight:visited{
    color: var(--color-temp-light);

}

.gallery-section__heading .sub-head-underline {
    width: 11rem;
    height: 1rem;
}

/* Gallery Grid */
.gallery-images__box {
    overflow: hidden;
    width: var(--container-width-small);
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
}

/* Gallery Image Box */
.gallery-image__box {
    padding: 0.5rem;
    height: 32rem;
    width: var(--container-full);
    max-width: 34rem;
    overflow: hidden;
    background: var(--color-dark_gray);
    box-shadow: 0 0 1rem var(--color-light_black);
    border: 4px solid black; /* Moved the border to the container box */
}

/* Image Box Wrapper */
.gallery-image__box-wrapper {
    display: flex;
    justify-content: start;
    align-items: center;
    height: var(--container-full);
    width: var(--container-full);
    overflow: hidden;
}

/* Gallery Image Styling */
.gallery-img {
    height: var(--container-full);
    width: var(--container-full);
    object-fit: cover;
    object-position: top;
    transition: transform 0.3s ease;
    transform: scale(1.8);
}

.gallery-img:hover {
    transform: scale(2);
}