Two column layout with background image

[bakrona]

Hi there

I have two columns, left with text and right no element but an image as background.

On some screens it looks fine, however on others the image touches the lower end of the column and is cut off.

What do you reccomend in terms of layout so that the image has some space at the bottom?

[ruenel]

Hello @bakrona,

Thanks for writing in!

I can see that you have added a custom inline CS in the classic element settings (style option field). Instead of using cover for background-size, kindly use contain. And then you should be using background-position: center; to position it at the center of the column and then use background-repeat: no-repeat; so that the image will not be repeated.

Hope this makes sense. Kindly let us know how it goes.