Struggling to centre gallery slider


I recently re-designed my website using a lot of the BRIX resources and tweaked their CSS here and there.

I have a gallery slider which is aligned to the right, uses a mask and has arrows which appear once you start scrolling between slides. I really like the style of the slider however, I dislike how isn’t centred.

My aim is to have three items visible at once (centred) and the arrows visible permanently (not just when you start to scroll).

I am quite familiar with HTML and CSS but I cannot seem to work this one out. I have spent hours trying and I can’t work out what I need to do to achieve what I am looking for.

Any help would be really appreciated.

Here is my site Read-Only: Webflow - Urban Podcasts