Text alignment issue during loading

I am getting different text alignments when website is loading.

My website has a center-aligned Hero Image, followed by a center-aligned Text Heading.

I have experimented with both WP Super Cache and W3 Total cache.

If I use W3 Total Cache, the text heading loads center-aligned position, then the Hero Image loads and the text heading moves below the Hero Image and is properly center-aligned.
However, if I use WP Super Cache, then, for some reason, the text heading loads left-aligned first and then jumps to its center-aligned position, then the Hero Image loads and the text heading moves below the Hero Image and is properly center-aligned.

Any idea why the alignment behavior is different for text headings under WP Super Cache?

Any suggestions most welcome.