не удается установить карусель-контроль-следующая в колоде карт

#bootstrap-4

#загрузчик-4

Вопрос:

Я использую bootstrap для создания carousel и использую card-deck. Проблема в том, что мои carousel-control-prev и carousel-control-next накладываются на текст в созданной мной карточке. Я новичок, поэтому, пожалуйста, извините, если я что-то пропустил. Это в классе контейнера.

Я пытался использовать приведенный ниже css, но это не работает:

.carousel-control-prev, .carousel-control-next{ выравнивание-самостоятельно: гибкий запуск; }

.card-deck{ нижнее поле: 10 пикселей; отступ: 10 пикселей; }

фрагмент