Carousel Arrows outside container

I am working on rebuilding some websites and was wondering if there is a method to have the arrows for a carousel show outside of the element or to add padding to the sides of the element to leave room. Based on the html structure, it appears that we’re unable to do this because the buttons live inside of the swiper-container and has overflow:hidden, so I believe a toggle is needed to move the html buttons but wanted to confirm first.

Somewhat related: will the carousel element also get the query loop treatment? Or will the slider element get the option to show multiple slides at once? Almost seems like these two elements could be combined.

Here’s an example: