Объявить компонент в шаблоне другого компонента

В шаблоне детально страницы комплексного компонента (news) такой код.

<div class="page gallery-page">
<section class="banner">
    <div class="banner__inner inner">
        <div class="banner__content">
            <div class="banner__wrapper mob-full">
                <?if($arResult["PROPERTIES"]["VIDEO_BANNER"]["VALUE"]):
                    $file_path = CFile::GetPath($arResult["PROPERTIES"]["VIDEO_BANNER"]["VALUE"]);?>
                    <video class="banner__img" autoplay muted loop>
                        <source src="<?=$file_path?>">
                    </video>
                <?else:?>
                    <?if(!empty($arResult["PREVIEW_PICTURE"])):
                        $imgSRC = $arResult["PREVIEW_PICTURE"]["SRC"];
                    elseif(!empty($arResult["DETAIL_PICTURE"])):
                        $imgSRC = $arResult["DETAIL_PICTURE"]["SRC"];
                    else:
                        $imgSRC = '';
                    endif?>
                    <img class="banner__img" src="<?=$imgSRC?>">
                <?endif?>
                <?$APPLICATION->IncludeComponent(
                    "bitrix:breadcrumb",
                    "main",
                    Array(
                        "COMPONENT_TEMPLATE" => ".default",
                        "PATH" => "",
                        "SITE_ID" => "-",
                        "START_FROM" => "1",
                    ),
                    false);?>
                <div class="banner__title">
                    <h1 class="title _bordered"><?=$arResult["NAME"]?></h1>
                </div>
            </div>
        </div>
    </div>
</section>

Но он при вкл Автокэшировании работает не правильно. Тк вызывается компонент в шаблоне другого компонента. Я пробовал этот способ (https://gdecider.github.io/articles-bx-inner-component.html), но он выполняет вложенный компонент раньше первого. Те у меня Навигационная цепочка выводится раньше блока "<div class="page gallery-page">"