Split Section for color block

Site URL: https://raccoon-oarfish-szer.squarespace.com

On this page:

https://raccoon-oarfish-szer.squarespace.com/contact-4

How can I make the red Section with the photo end just to the right of the photo? I'd like the right part of the section be able to have an area to make the same color as the background (see mockup).

Site Pwd: Largeosity

37 minutes ago, CooperBlack said:

Site URL: https://raccoon-oarfish-szer.squarespace.com

On this page:

https://raccoon-oarfish-szer.squarespace.com/contact-4

How can I make the red Section with the photo end just to the right of the photo? I'd like the right part of the section be able to have an area to make the same color as the background (see mockup).

Site Pwd: Largeosity

You can try adding to Home > Design > Custom Css

section[data-section-id="622b60b978b948043de55292"]  .section-background:after {
  content: '';
  display: block;
  width: 30%;
  height: 100%;
  background: #8D8D89;
  position: absolute;
  right: 0;
}

Let me know how it works on your site

Support me by pressing 👍 if this useful for you

My testing 

Thank you! That's what I was looking for.