.block-rc-header {
    background: #40346E;
}

.block-rc-header__content::before {
    background: url(../../assets/images/logo-white.svg) no-repeat center left;
    background-size: contain;
    content: '';
    display: block;
    width: 220px;
    height: 50px;
    margin-bottom: 32px;
}

.block-rc-header h1 {
    color: #fff;
    font-size: 56px;
    line-height: 1.125;
}

.block-rc-header__icon {
    background: url(../../assets/images/recipe-challenge-pattern.jpg);
    background-size: 250px;
}

@media only screen and (max-width: 900px) {
    .block-rc-header__content {
        text-align: center;
        padding: 24px 16px 80px;
    }

    .block-rc-header__content::before {
        margin-inline: auto;
    }

    .block-rc-header h1 {
        font-size: 38px;
    }

    .block-rc-header__icon img {
        max-width: 140px;
        transform: translateY(-66px);
        margin-inline: auto;
    }
}

@media only screen and (min-width: 900px) {
    .block-rc-header {
        display: grid;
        grid-template-columns: 1fr 360px;
        align-items: center;
    }

    .block-rc-header__content {
        max-width: 550px;
        margin-left: max( 16px, calc( 50vw - 600px ) );
    }

    .editor-styles-wrapper .block-rc-header__content {
        margin-left: 16px;
    }

    .block-rc-header__icon {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 360px;
    }
    .block-rc-header__icon img {
        max-width: 220px;
    }
}