How to round corners, edit size, padding, and font style of description box in a gallery block sideshow with CSS code?

Hello,

I've been trying to add code to edit the description box of my slideshow gallery block within my index page and I can't seem to round the corners properly. It seems as though there's another layer of color underneath preventing me from doing it. I would also like to edit the size of the description box while making it responsive... Any suggestions? This is what I currently have:

/* Gallery Block Slideshow Box */ .sqs-gallery-block-slideshow .meta .meta-inside {
background-color: transparent;
border-radius: 20px; }

/* Title Gallery Block Slideshow */
.sqs-gallery-block-slideshow .meta .meta-title {
font-family: omnes-pro;
font-size: 5vw;
line-height: 1.4em;
color: #fff;
border-radius: 20px; }

/* Description Gallery Block Slideshow */
.sqs-gallery-block-slideshow .meta .meta-description p {
font-family: Omnes-Pro;
font-style: normal;
font-size: 1.5vw;
line-height: 2em;
color: #fff;
border-radius: 20px; }

Thank you for the help!

Can you share site url to check?

www.donatellefurniture.com

I made the background black with a bit of opacity to see how the rounded edges are coming up.

Thank you!