Хочу спрятать заголовок за чёрную колонку.
Колонка и заголовки которые хочу спрятать на одном уровне. Казалось бы, сделать колонке z-index: 2, а заголовкам z-index: 1. Так и сделал, но в реальной жизни заголовки не прячутся за колонку, а в песочнице код тот же, но работает он как надо, то-есть заголовки ушли за колонку.
<div class="col-left">
123
</div>
<div class="wrapper-slide-header">
<h2 class="slider__title slider__title-animated_next">Творчества</h2>
<h2 class="slider__title">Быть собой</h2>
<h2 class="slider__title">Самовыражения</h2>
</div>
.col-left
position: relative
z-index: 2
.wrapper-slide-header
position: absolute
z-index: 1
Песочница 
Простой
Средний
У меня получилось 
