/* Fix for Gallery Image Heights on Restaurant Page */
#gallery .gallery-wrap {
    aspect-ratio: 4/3;
    overflow: hidden;
    position: relative;
    border-radius: 15px;
    height: 100%;
    /* Ensure it fills the column if flex/grid aligns */
}

#gallery .gallery-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

#gallery .gallery-wrap:hover img {
    transform: scale(1.1);
}