.contactBanner {
    background-image: image-set(url("../images/contact/Blanket_contact_banner@1x.webp") 1x,
            url("../images/contact/Blanket_contact_banner@1x.png") 1x);
}
.storiesBanner {
    background-image: image-set(url("../images/contact/Blanket_stories_banner@1x.webp") 1x,
            url("../images/contact/Blanket_stories_banner@1x.png") 1x);
}

.contactContentWrap {
    max-width: 60rem;
    margin: 0 auto;

}

.contactContent {
    width: 100%;
    max-width: 18rem;
}

.contactMap {
    width: 1%;
    flex-grow: 1;
}

.storyContent {
    max-width: 50rem;
    width: 100%;
}

.storyPageWrap {
    background-image: url(../images/backgrounds/bg_10.png);
    background-image: url(../images/backgrounds/bg_10.webp);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

@media(max-width: 1399px) {
    .contactBanner {
        background-image: image-set(url("../images/contact/Blanket_contact_banner@0.75x.webp") 1x,
            url("../images/contact/Blanket_contact_banner@0.75x.png") 1x);
    }
    .storiesBanner {
        background-image: image-set(url("../images/contact/Blanket_stories_banner@0.75x.webp") 1x,
            url("../images/contact/Blanket_stories_banner@0.75x.png") 1x);
    }
}

@media(max-width: 767px) {
    .contactBanner {
        background-image: image-set(url("../images/contact/Blanket_contact_banner@0.5x.webp") 1x,
            url("../images/contact/Blanket_contact_banner@0.5x.png") 1x);
    }
    .storiesBanner {
        background-image: image-set(url("../images/contact/Blanket_stories_banner@0.5x.webp") 1x,
            url("../images/contact/Blanket_stories_banner@0.5x.png") 1x);
    }
    .storyPageWrap {
        background-position: right top;
    }
}