Solved Background behind a section

So I've targeted the section in a blog post template, that holds the main content, and have narrowed the width of the section. I've attached a picture of the end result.

Which area or div or etc would I target to change the colour of the background colour that is outside the narrowed section to the left and right of it?

And would it just be figuring out what to target then changing the background color?

 

It almost worked... when I drop the transparency of the section bg color it works, but there's a shade of the section colour overlapping onto the image.

I've attached a screenshot of the area for reference.

Here's the css I have for the section and for the row:

.spost-content-meta-section.et_pb_section {
margin-left: auto;
margin-right: auto;
padding-top: 5rem;
background-color: rgba(109, 104, 101, 0.2);
}
.spost-content-meta-section.et_pb_section .et_pb_row.spost-content-meta-row {
margin-left: auto;
margin-right: auto;
padding-left: 3rem;
padding-right: 3rem;
margin-top: -5rem;
max-width: 65%;
width: calc(100% - 1rem);
border-top-left-radius: 7px;
border-top-right-radius: 7px;
padding-top: 2rem;
background-color: white;
}

 

For reference, the woocommerce blog uses a similar styling > https://woocommerce.com/posts/how-migrate-from-magento-to-woocommerce/

 

I figured it out. Had to set the width in the row section, but raise things in the title mod, and mostly mirror the css setup for the title and content mods, but both have to be in the same row.

This is the CSS that works on desktop, any custom looking classes were ones I created and added to the correlating section, row, mod, etc, incase anyone runs into this challenge:

.spost-content-meta-section.et_pb_section {
margin-left: auto;
margin-right: auto;
padding-top: 0;
background-color: rgba(109, 104, 101, 0.3);
}
.spost-content-meta-section.et_pb_section .et_pb_row.spost-content-meta-row {
margin-left: auto;
margin-right: auto;
max-width: 65%;
width: calc(100% - 1rem);
background-color: white;
}
.spost-content-meta-section.et_pb_section .et_pb_row.spost-content-meta-row .spost-title-meta-mod.et_pb_module {
margin-top: -9rem;
margin-left: auto;
margin-right: auto;
padding-top: 1.5rem;
padding-bottom: 2rem;
padding-left: 3rem;
padding-right: 3rem;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
background-color: white;
}
.spost-content-meta-section.et_pb_section .et_pb_row.spost-content-meta-row .spost-content-meta-mod.et_pb_module {
margin-top: 0rem;
margin-left: auto;
margin-right: auto;
padding-top: 0rem;
padding-bottom: 3rem;
padding-left: 3rem;
padding-right: 3rem;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
background-color: white;
}