Brine: Making Gallery block title background / overlay invisible

Site URL: https://prism-swan-send.squarespace.com/projects/victorian-villa-hove-part-one

Hey guys. I'm trying to make the background colour behind the text on the Gallery Block Title invisible but for some reason, it always carries a transparent black. What CSS do I need to get rid of it please? I've been using this code to change it to another colour and move it around but I really want to lose the background colour/transparency completely. TIA!

p/w interiors

//Gallery Slideshow Background Colour//
.sqs-gallery-block-slideshow .meta .meta-inside {
 background: none;
  padding-right: 150px;
 opacity: 1;
}

Add to Design > Custom CSS

.sqs-gallery-block-slideshow .meta .meta-inside {
	background: transparent !important;
}

Thanks Tuan but it still doesn't seem to disappear from behind the text. It's like there's a fixed transparency there that I can't turn off. https://prism-swan-send.squarespace.com/projects/victorian-villa-hove-part-one

Try adding to Code Injection Header

<style>
  .sqs-gallery-block-slideshow .meta .meta-inside {
	background: transparent !important;
}
</style>