50:50 element with colored background

Hello all,
I would like to thank in advance anyone who takes the time to look at my problem and help me out.

I’m trying to achieve a 50:50 element like on the screenshot but unfortunately I can’t get it to work, does anyone have an idea how I could best implement this?

Thanks again
Andreas


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

Somthing like this:
https://preview.webflow.com/preview/help-bydesign?utm_medium=preview_link&utm_source=dashboard&utm_content=help-bydesign&preview=d44a32d0a53b878a1cc0f59903d295ca&workflow=preview

In this solution the image on the right is a background-image. It is the easiest way to ensure that the image is always centered. But maybe you need a solution with the <image> tag.

1 Like

Hello Gabriel, thanks for your response, its 95 percent of my desired outcome:-). The red background should only reach until a certain hight like in the picture. I hope you have a great weekend and thank you again:-)