Move arrows on mobile to center

Site URL: https://antelope-robin-sjbp.squarespace.com/

Hi 

I need to move the arrows on mobile to the center for this section in the about page. 

site: https://antelope-robin-sjbp.squarespace.com/

Pw: 1234

How can I do this? 

Thanks! 

Barbara

Add to About Page Header

<style>
  @media screen and (max-width:767px) {
  .mobile-arrows {
    display: none !important;
}
.desktop-arrows.user-items-list-carousel__arrow-wrapper {
    display: flex !important;
}
  }
</style>