Custom Next/Prev buttons on a slideshow

Need the fairly simple custom tweak of changing the next/prev arrows on slideshows sitewide to other characters, or images if need be.

For example:

https://www.chloeaftel.com/advertising/apple

Hi,

Add to Design > Custom CSS

/* Summary block custom arrows */
.sqs-gallery-controls .next, .sqs-gallery-controls .previous {
    background-image: url(https://cdn.pixabay.com/photo/2023/01/31/05/59/zebra-7757193_1280.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.sqs-gallery-controls .previous {
    background-image: url(https://cdn.pixabay.com/photo/2023/02/14/18/55/flowers-7790227_640.jpg) !important;
}
 .sqs-gallery-controls .next:before, .sqs-gallery-controls .previous:before {
    visibility: hidden;
}

I love you tuanphan, I haven't tried it yet and will respond soon, but i've seen so many of your responses here for so many years, I just want you to know that you are amazing. You have solved so many issues for me in so many other threads over the years, even when i didn't ask lol. You're like the Squarespace Santa Claus!! ❤️

Quick question: if I just wanted to change it to plain text - and + (instead of < and >) and not images, is that possible?

Beautiful thanks! (Both of your answers were the solution, by the way, just marked the second one).