Why does the rendering of my images render too tall and then snap into the right size

Here is my public share link: https://preview.webflow.com/preview/quantifind?preview=3eb2b7837301c4529b4e83df670c51cc
(go to the products page)

That’s due to the flex setting on the parent container. What are you trying to achieve here?

I’m trying to get the image and text in some cases to be flush left and centered to the page.

And also a centered block of text with a centered image and more flush left text at the bottom.

Seems like you got it. If an image is within it’s own container, style the container instead of the image if you want to position it.