.banner-container {
position: relative;
}
.banner-title {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
z-index: 10;
color: #ffffff;
background-color: rgba(0, 0, 0, 0.8);
padding: 5px 5px;
padding-bottom: 4px;
font-weight: 700;
border-radius: 5px;
margin: 0;
font-size: 12px;
text-transform: uppercase;
text-align: center;
pointer-events: none;
}

document.addEventListener(«DOMContentLoaded», function () {
const container = document.getElementById(«myCarousel»);

const options = {
infinite: true,
Dots: true,
Autoplay: {
timeout: 2000,
autoStart: true,
pauseOnHover: false,
showProgressbar: false
},
style: {
«–f-progressbar-color»: «#00aa00»,
«–f-progressbar-height»: «4px»
}
};

if (container) {
new Carousel(container, options, { Autoplay }).init();
}
});