Custom Code for Mockup Arrows

Is there a custom code to make mockup arrows transparent? It matches the background of the product page, but not the background of the image:

Add to Design > Custom CSS. If this doesn't work, please share link to product, we can check it easier

/* product arrows transparent */
.ProductItem-gallery-carousel-controls .product-item-gallery-carousel-control {
    background-color: transparent !important;
}