Add carousel arrow to variation images on mobile

Site URL: https://patchworkplus.ie/

On mobile, my product variations show as a carousel, to swipe through, which is fine, I'd just like to add an arrow to indicate this is what the customer needs to do. I'm finding that not everyone gets it right away. 

Does anyone know if this is possible and how I go about it?

Thanks so much.

Try adding to Home > Design > Custom CSS

/* Product slide arrows control */
@media screen and (max-width:767px) {
.ProductItem-gallery-carousel-controls {
    display: flex !important;
}
/* arrows background */
.ProductItem-gallery-carousel-controls * {
    background: white;
}
.ProductItem-gallery-carousel-controls>div {
    justify-content: center !important;
}
}

This is perfect, thanks!