Z-индекс / позиционирование не работает, как ожидалось

Question

Я пытаюсь расположить изображение поверх цветного фона, как показано на прикрепленном изображении.

Я пытался установить его Z-индекс выше, чем другие элементы. Не сработалоУстановите другие элементы z-index ниже, чем Z-index изображения. Не сработалоВот веб-страница: https://buyshroomsonline.ca/about/

Это идентификатор изображения (Girls with Phone). Как вы можете видеть, что я пытаюсь сделать так, чтобы оно оказалось поверх всех других элементов.

#ctrlimg{
position: relative;
z-index: 10;
top:-160px;}

Я также пытался установить более высокий Z-индекс. Пожалуйста, посмотрите и помогите мне найти то, что мне не хватает. Спасибо

Answer 1

Удалить переполнение: скрыто от .vc_row[data-vc-full-width], но не удаляйте напрямую из .vc_row, так как это может повлиять на другие разделы. поэтому наследуйте или объединяйте .vc_row[data-vc-full-width] с вашим пользовательским классом.

Например

.yourClass.vc_row[data-vc-full-width]