SVG image disappears depending on the browser width

I gave the SVG image a width, now it is displayed.

Between 800 and 1024 pixels (browser width) each column still has a different width, even though this is a blog ...


Above 1024 pixels (and below 800) all images/ columns aligned well:


My settings for responsive resolution:


Also the gap of 2% between the colums are not respected.

westiform.online/news

PBCK-File:

File Attachment:

File Name: PAGEBUILDE...31-3.zip
File Size:1 KB

Additional Info:
First Image is SVG set to a width 1600 px
Second and third image (JPG) are both 1600 x 900 pixels

even though this is a blog

ok I missed that point, this is problably why I did not manage to reproduce it

thanks for the details, I will let you know

I have tried many settings, I'm not able to reproduce the issue ...
the only solution that I can give you for now is to override this using CSS like this :

Thank you very much Ced, I'll see what I can make of it.

I played around with different settings and I recreated the articles based on my own PageBuilder template (Page). I noticed that the width of the flex boxes changes depending on the amount of text in the box on the left ...?!?

In the end I set the "Resolution for Tablet - Landscape" to the same width as the "Resolution for Tablet - Portrait" (800 each) - and everything works as expected, the 2% distance between the boxes is also maintained.

Maybe it will help you for further development.