CSS Верстаем круглый адаптивный Логотип с выступом за родительский блок?

Question

[Даниил Вершинин]

Нужно сверстать вот енто:


Пробовал разное -
1. Родительский блок круг - марджины по -50%
2. Псевдоксласс :after
3. "Вытаскиванием" дочернего блока за родительский

Подскажите как реализовать (если поможет - исполизую Bootstrap (Вдруг, класс какой-то есть)). Или как вытащить этот элемен из PS - прост совсем не дружу..

Answer 1

[RTW]

Например так
codepen.io/RTW/pen/rjLEKG

Answer 2

[Ivan Stroykin]

codepen.io/StivinKing/pen/bgePye