Проблема в том, что вы добавили элементы с классом jumbotron внутри элементов карусели. И это привело к тому, что элементы с классом jumbotron были помещены под элементы управления карусели . Я предлагаю изменить нижнюю часть элементов управления каруселью.
Чтобы устранить проблему, добавьте следующий скрипт:
<script>
const computedStyle = window.getComputedStyle(document.getElementsByClassName('jumbotron')[0]);
const bottomOfCarouselAction = +computedStyle.getPropertyValue('height').replace('px', '') + +computedStyle.getPropertyValue('margin-top').replace('px', '') + +computedStyle.getPropertyValue('margin-bottom').replace('px', '');
document.getElementsByClassName('carousel-control-prev')[0].style.bottom = bottomOfCarouselAction; //set the bottom property of carousel previous control to the top of the jumbotron.
document.getElementsByClassName('carousel-control-next')[0].style.bottom = bottomOfCarouselAction; //set the bottom property of carousel next control to the top of the jumbotron.
</script>