Заголовок изображений в карусели ⇐ CSS

[Anonymous]

Все заголовки моей карусели находятся поверх изображений, я бы хотел, чтобы они находились под изображениями, но все еще внутри карусели, чтобы они двигались как одно целое.
Карусель работает, поэтому проблема стиля не решена код
Я новичок в JavaScript, так что это может быть так же просто, как JavaScript размещает заголовки там, где они есть, но я не могу понять, как их изменить:/
Это мой HTML-код для карусели. Он работает отлично, проблема только с размещением заголовка.

Plastic Valve Tags
Contact to Order







Plastic Panel Labels

Contact to Order







Plastic Control Panel Facing
Contact to Order







Plastic Warning Labels
Contact to Order







And More
Contact to Order






Previous



Next



Это CSS
.carousel {background:#444;}
.carousel-item .img-fluid {width:100%; max-height: 70vh;}
.carousel-item a {display: block; width:100%;}
header p{color: #20317f; background: white; padding: 1em; border: thin #828280; border-radius: 40px;}
header h1, h2, h3{color: #20317f; background: white; padding: .1em 0em; border: thin #828280; border-radius: 40px;}

Примечание. Мне пришлось добавить белый фон к заголовкам, чтобы они были разборчивы в их текущем положении, но это, очевидно, означает, что все заголовки на всем сайте имеют белое поле :/А вот JavaScript
var $item = $('.carousel .item');
var $wHeight = $(window).height();
$item.eq(0).addClass('active');
$item.height($wHeight);
$item.addClass('full-screen');

$(window).on('resize', function (){
$wHeight = $(window).height();
$item.height($wHeight);
});

$('.carousel img').each(function() {
var $src = $(this).attr('src');
var $color = $(this).attr('data-color');
$(this).parent().css({
'background-image' : 'url(' + $src + ')',
'background-color' : $color
});
$(this).remove();
});

//Pause/play buttons

$(document).ready(function(){
//$("#mycarousel").carousel( { interval: 2000 } );
$("#carousel-pause").click(function(){
$("#mycarousel").carousel('pause');
});

$("#carousel-play").click(function(){
$("#mycarousel").carousel('cycle');
});
});


Подробнее здесь: https://stackoverflow.com/questions/784 ... sel-images