Loop grid featured images of posts are broken until cache is purged

Feeling like an idiot as don't understand why this is getting broken.

Almost every single couple of days I need to purge cache on my website. otherwise the loop grid that is listing the posts is getting broken. most of the time it is just the featured image but sometimes it is just the pages that are using loop grid (somehow the main page, contact page and etc remains ok)

The caching is enabled in Elementor settings

https://i.imgur.com/PczUTNE.png

My hosting has caching enabled for the website (have to admin, it is super quick)

https://i.imgur.com/xrMLNOm.png

Now, every now and then, this is how the page looks when visiting through the incognito window:

https://i.imgur.com/1hG2Zog.png

and this is how it looks for me when I am signed in as admin or in incognito after I will purge the cache (from wp-admin or from hosting panel) (please ignore pixelation, this is just to hide the images)

https://i.imgur.com/2AQ7ajL.png

For testing, I selected "Caching: inactive" on the loop grid. Found yesterday that on the inactive one, it got broken but on the active one there were no issues. Changed it back to active, today found both pages with loop grid showing incorrectly.

Checked in the devtools > console - no errors found. Went to network tab and also haven't found any missing resources

Anyone could explain to me what am I doing wrong? (based on the fact that I know almost nothing about caching but don't want install any specific plugins as I want to have plugins free website. also, as much I understand, elementor supports caching and my hosting supports caching, therefore no plugin is required)