Brine: Gallery arrows make visible and change style

The arrows on my gallery slideshow are by default not visible until mouseover.I would like to make them visible and change the size/background styling.They are visible on the index gallery slideshow, but not on gallery pages.

I've tried several peoples code but it hasn't worked.I'm a beginner so would appreciate some help!

Temp URL is https://horse-blue-mllf.squarespace.com/landscapes pp: wyunabayartist

This is a tutorial I tried to follow https://thirtyeightvisuals.com/blog/style-slideshow-gallery-block-arrows-squarespacehttps://thirtyeightvisuals.com/blog/style-slideshow-gallery-block-arrows-squarespace

@JacquiChan I don't see arrows, even on hover. Can you take screenshot?

Hi @tuanphan. Sorry I realised I'd turned them off on the site styles and i just figured out where. So now I'd just appreciate some help on targeting them for styling. eg larger arrow that matches what's on the index slideshow on the homepage. Thanks in advance!

@JacquiChan Add to Home > Design > Custom CSS

/* Make arrows always visible */
.collection-type-gallery:not(.gallery-design-grid) .sqs-system-gallery.sqs-system-gallery-interaction .arrow {
   opacity: 1 !important;
}
/* Increase arrows background size */
.collection-type-gallery:not(.gallery-design-grid) .sqs-system-gallery.sqs-system-gallery-interaction .arrow {
   opacity: 1 !important;
   width: 90px;
   height: 90px;
}
/* Increase arrows icon size */
.slides-controls .arrow:before {
   font-size: 100px !important;
}