After updating image on node edit page, the final image used is wrong

Problem/Motivation

I edit a node that already has a few images. I replace the images with new images and set their alt title.
First, the regenerated thumbnail is off the old image (or another image from somewhere else on the site).
Secondly, when I save the node, the order of the images are different from what appears on the node edit screen.
Thirdly, after node save, the images used are wrong. For e.g. if I uploaded image1, image2, image3 in this order, then when i save, I see image1, image2, image2. And the alt title for image3 is now used for image2.

Steps to reproduce

Edit a node that already has a few images and replace the images with new images whilst also setting alt titles for the new images. Observe the re-generated thumbnails on the node edit screen. Save the node and observe the order of the newly uploaded images.

NB - I am using Cloudflare CDN on this site and I know that Cloudflare caches images. So I initially thought this was the issue. But after pausing Cloudflare, the issue persists.

Please see attached my filefield_path settings for my image field.