.situation-hero--quiet {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

.home-identity-art {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    width: clamp(180px, 24vw, 230px);
    overflow: hidden;
    pointer-events: none;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 34%);
    mask-image: linear-gradient(90deg, transparent 0%, #000 34%);
}

.home-identity-flag {
    position: absolute;
    inset: 0 0 0 auto;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    opacity: .2;
}

.situation-hero--quiet .situation-hero__content {
    position: relative;
    z-index: 1;
}

@media (max-width: 950px) {
    .home-identity-art {
        width: min(36%, 230px);
        opacity: .65;
    }
}

@media (max-width: 680px) {
    .home-identity-art {
        width: min(52%, 230px);
        opacity: .25;
    }

    .situation-hero--quiet .situation-hero__content {
        align-self: stretch;
    }
}