/* Royal Wedding - Venues Image Gallery
   2- or 3-image responsive gallery. Row on desktop/tablet, column on mobile.
*/

.rwvig {
    display: flex;
    flex-direction: row;
    gap: 30px;
    width: 100%;

    padding-bottom: 30px;
}

.rwvig-item {
    flex: 1 1 0;
    min-width: 0;
    overflow: hidden;
}

.rwvig-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

/* Desktop (≥ 769px) — defaults */
.rwvig[data-count="2"] .rwvig-item { height: 675px; }
.rwvig[data-count="3"] .rwvig-item { height: 570px; }

/* Tablet (640–768px) */
@media screen and (max-width: 768px) {
    .rwvig[data-count="2"] .rwvig-item { height: 433px; }
    .rwvig[data-count="3"] .rwvig-item { height: 352px; }
}

/* Mobile (< 640px) — column, full-width */
@media screen and (max-width: 639px) {
    .rwvig {
        flex-direction: column;
    }
    .rwvig[data-count="2"] .rwvig-item,
    .rwvig[data-count="3"] .rwvig-item {
        height: 504px;
    }
}