@layer components-widgets {
    .block-information__inner {
        position: relative;
        display: flex;
        overflow: hidden;
        align-items: flex-start;
        justify-content: space-between;
        min-height: 292px;
        padding: 80px;
        border-radius: var(--br4);
        background-color: var(--blue)
    }

    @media screen and (max-width: 1919px) {
        .block-information__inner {
            padding:48px 40px
        }
    }

    @media screen and (max-width: 1279px) {
        .block-information__inner {
            padding:40px 20px
        }
    }

    @media screen and (max-width: 767px) {
        .block-information__inner {
            flex-direction:column;
            row-gap: 8px;
            padding: 16px 16px 0
        }
    }

    .block-information__picture {
        position: absolute;
        bottom: 0;
        left: 50%;
        display: flex;
        align-items: flex-end;
        height: 100%;
        transform: translateX(-50%)
    }

    @media screen and (max-width: 767px) {
        .block-information__picture {
            position:relative
        }
    }

    .block-information__image {
        height: 100%
    }

    .block-information_primary-blue .block-information__inner {
        background-color: var(--primary-blue)
    }

    .block-information_dark-blue .block-information__inner {
        background-color: var(--dark-blue)
    }

    .block-information_grey .block-information__inner {
        background-color: var(--grey)
    }
}