/* Fix for Gallery Layout Alignment & Collage Style */

/* Force all gallery items to have a consistent base height */
.gallery .gallery-item {
    height: 300px;
    margin-bottom: 30px;
    /* Increased vertical spacing */
    box-sizing: border-box;
}

/* Collage Effect: White Border & Shadow */
.gallery .gallery-item .gallery-icon {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    border: 10px solid #fff;
    /* The "Collage" frame */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
    /* Drop shadow depth */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Small hover effect for interactivity */
.gallery .gallery-item:hover .gallery-icon {
    transform: scale(1.03);
    /* Pop effect */
    z-index: 2;
    /* Bring to front */
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.3);
}

/* Anchor tag should fill the container */
.gallery .gallery-item .gallery-icon a {
    display: block;
    width: 100%;
    height: 100%;
}

/* Object-fit cover forces images to fill the box without stretching */
.gallery .gallery-item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block;
}

/* Feature Image (Jeep Safari) specific styling if needed */
.block-video img {
    width: 100%;
    height: auto;
    max-height: 500px;
    object-fit: cover;
    border: 10px solid #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
    margin-bottom: 30px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .gallery .gallery-item {
        height: 250px;
    }
}

@media (max-width: 576px) {
    .gallery .gallery-item {
        height: 200px;
    }
}