Have an image fill half of a row with no padding

I have a row with 2 columns and am trying to get an image to fill one of the columns (from the window edge to the middle of the window). I have the theme set to “stretched”. I have the colored section container set to no padding. I created a custom ID for the container and am using this code in the CSS:

#full-width .container {
width: 100%!important;
max-width: 100%!important;
padding: 0;
}

It successfully makes the container full width, but I can’t get the image to fill the column from edge to edge.

The desired end result is to replicate what is seen on this page about half way down (starting with the image of the woman in yellow): https://www.98point6.com/ where there are 2 rows, the first having an image on the left and the second having an image on the right.

My site is https://www.onami.healthcare/ home page is currently PW protected (details in private content section)

• This topic was modified 5 months, 1 week ago by iosefo.