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

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

Somthing like this:

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:-)