Решил проблему вставив вывод заголовка непосредственно в шаблон компонента.

Как то так:

*{
    padding: 0;
    margin: 0;    
}


ol{
    list-style: none;
}
ol > li{
    padding-left: 20px;
    position: relative;
    margin: 10px;
}
ol > li:before{
    content: '✔';
    position: absolute; top: 0; left: 0;
    color: yellow;
}

<ol>
    <li>list</li>
    <li>list</li>
    <li>list</li>
    <li>list</li>
</ol>

Обычно дизайнера рисуют картинки подобные.
А так, я думаю что главный блок нужно обвернуть в position: relative; а блок с картинкой в position: absolute; ну и блок с картинкой расположить куда надо top:0; right:0;

Главному блоку можно задать overflow: hidden;