SVG image disappears depending on the browser width

I have something weird again ...
A blog layout with two columns divided by 60% / 40%. There is text in the left column and an SVG image in the right column.
If I now scale the browser window, the SVG disappears between 800 and 1024 pixels wide, but it is not due to the responsive settings. If I insert a JPG instead (or additionally), everything works as expected.
You can see it on the page: westiform.online/en/news

Hi
this is related to the browser behavior, an image has its own dimensions that is used by the browser to render it
an SVG file does not have this information in the same way, so the browser does not allocate any width to it

the fact is that you have selected to stack vertically the columns and at this stage, the flexbox is removed and your problem occurs
I can try to fix it by playing with flexbox

please remind me in few days if I don't come back to you
CEd

Hi, yes I understand.
But why does the SVG image scale smoothly above 1024 px because it is also stacked horizontally?

The column spacing of 2% is also ignored between 800 px and 1024 px width. The columns stick directly to each other.
The columns are stacked vertically below 800 px ... then it doesn't matter.

I look forward to your answer.

the difference is that
- horizontally aligned using flexbox
- vertically aligned, without flexbox (native behavior)

Hi Ced,

this is a friendly reminder on this post. Thx

I'm checking by my side and I'm not able to reproduce the issue with a svg image
it seems that there is something in your settings that is different and that causes this

can you please export the page and send me the .PBCK file ? so that I can import it and check with it