Image next to text section

Hello!

I want to create a section with 2 columns, including 1 solid color  block with text (left) and 1 block of full-bleed image(right).

I've created a blank section with 2 columns of text and space, added a background and tried to use this CSS

@media screen and (min-width:768px) {
[data-section-id="5fe62d4ed107c369c5a6bc74"] .section-background {
    width: 50%;
    left: 50%;
}
}

It went well to push the image to the right column, but I cannot change the solid block background color for some reasons. It kept on being white background no matter themes I chose. In this image below, I chose black theme but the background color is still white.

And I also have issue with this section on mobile, instead of 2 columns stacking on each other, they have been merged to 1 section with the text on top of the photo background.

Thanks in advance!

Hi. Can you share site url? We can help easier

I have figured that out! Thank you!