.contact-wrapper {
    background: linear-gradient(360deg, #293024 0%, #45482C 69.6%), linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(44, 44, 44, 0.2) 100%);
    position: relative;
    overflow: hidden;

    &:has( + .head-illustration) {
        + .head-illustration {
            background-color: #293024;
            .head-illustration__illustration {
                background-color: #293024;
            }
        }
    }

    // .contact-wrapper__image
    .contact-wrapper__image {
        pointer-events: none;
        opacity: .1;
        position: absolute;
        top: -3%;
        right: -22%;
        width: 100%;
        height: 97%;

        @media(min-width: $tabletSmallP1) {
            top: -20%;
        }

        img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            @media(max-width: $tabletSmall) {
                object-position: top;
            }
        }
    }

}