Как обрубить верхний-левый угол у div и расположить, чтобы не съезжало?

Question

[mr jeery]

Проблема 1:
Не получается расположить .banner-1:before так, чтобы при изменение ширины высоты окна все не уезжало. как быть ?

Проблема 2:
должен образовывать цветной круг. Но отображаются только h1 и h5 внутри span'a. Почему ?

Прилагаю код. Помогите, пожалуйста!

https://codepen.io/Jeerjmin/pen/VdBVKL

Comments

[Дима Долготер]

Можно понятнее формулировать вопросы?

Answer 1

[Ваня]

Вот так надо?

Answer 2

[tyzberd]

https://codepen.io/anon/pen/NzBoaN