Remove Title Background Color in Overlap Image Content Block

Site URL: https://www.brianagoad.com/nice-to-meet-you

Hello, I'm trying to remove the "highlighted" part of the title in the overlap image content block. I don't want there to be any color behind the text, but when I change the css to background: none! important, most of the color goes away except for a space before and after each line. I've attached screenshots to show what I mean (Screenshot 1, as it appears in default // Screenshot 2, what happens when I adjust the custom CSS). Does anyone know why this is happening? Or how I can remove the white "highlight" around the text? Thanks in advance!

white includes background + shadow

Add to Home > Design > Custom CSS

.sqs-block-image .design-layout-overlap .image-title p {
    background: none;
    box-shadow: none;
}