/* New scoped image rules; no previous rules existed for these selectors. */
.responsive-banner {
    position: relative;
    isolation: isolate;
}

.responsive-banner > .responsive-banner__image {
    position: absolute;
    inset: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: var(--banner-object-position, center);
    border-radius: inherit;
    pointer-events: none;
}

.parallex-hero .hero-bg {
    object-position: var(--hero-object-position, center);
}

.article-content img,
.blog-article-detail__image img,
.tour-listing-details__overview img,
.itin-card-body img,
.about-content img {
    display: block;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.logo-header img,
.main-footer__logo img,
.news_author_img img {
    object-fit: contain;
}

@media (max-width: 767px) {
    .responsive-banner > .responsive-banner__image {
        object-position: var(--banner-mobile-object-position, var(--banner-object-position, center));
    }

    .parallex-hero .hero-bg {
        object-position: var(--hero-mobile-object-position, var(--hero-object-position, center));
    }
}