.page-hero--responsive-photo {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

.page-hero-responsive-image {
    position: absolute;
    inset: 0;
    z-index: -2;
}

.page-hero-responsive-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.page-hero--responsive-photo::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(180deg, rgba(27, 37, 85, .12), rgba(27, 37, 85, .38)),
        linear-gradient(90deg, rgba(27, 37, 85, .88), rgba(27, 37, 85, .54) 48%, rgba(27, 37, 85, .1) 78%);
}

.notice--warning {
    padding: 14px 16px;
    border-left: 6px solid #fdca14;
    background: #fff8d8;
    color: #1b2555;
    font-weight: 750;
}