I have three images side by side like so:
when the page is wide.
Then when the page is narrow, the images stack as I want them to like so:
But the problem is in between, they stack like so:
Any ideas as to how to prevent the in between stacking behaviour? I tried putting a max width on the right image but then it just stacks like this:
Which I also do not want, I only want the images to be either in a 1 x 3 grid or a 3 x 1 grid, no other combinations. And when they are in those configurations, they scale to take up the width of the page.