Так никакие свойства позиционирования не заданы для элемента, вот и прижато к левому краю
Как пример
.carousel-item {
text-align: center;
}
А так для элементов навигации в свойствах идет заданная длина блока
.carousel-control-next, .carousel-control-prev {
...
width: 15%;
...
}
это и дает смещение
Для того чтобы понять принцип, пример:
.carousel-control-next, .carousel-control-prev {
width: 10px;
}
.carousel-item {
margin-left: 50px;
}