Слайдер Flexbox Карусель WordPress

Question

Я хочу сделать карусель flexbox с навигационными стрелками (влево и вправо) в мобильном представлении, но я не знаю, как добавить их, так как мои элементы поступают из WordPress, как я могу связать эти 9 элементов Flexbox при следующей или предыдущей кнопка, это возможно?

вот код:

<div class="principles-list">
                        <?php while( have_rows('icon_boxes') ): the_row();

                            $icon = get_sub_field('icon');
                            $icon_text = get_sub_field('text');
                            $icon_desc = get_sub_field('description');
                            $icon_alt_text = preg_replace('#<br\s*/?>#i', "", $icon_text);

                            ?>
                            <div class="principles-item">
                                <div class="principles-content">
                                    <div class="principles-icon">
                                        <?php if( $icon ): ?>
                                            <img class="lozad" data-src="<?php echo $icon['url']; ?>" alt="<?php echo $icon_alt_text; ?>">
                                        <?php endif; ?>
                                    </div>
                                    <div class="principles-title"><?php echo $icon_text; ?></div>
                                    <div class="principles-description"><?php echo $icon_desc; ?></div>
                                </div>
                            </div>
                        <?php endwhile; ?>
                    </div>