CSS for <img> tag erased when shown on Cloudflare

Website, Application, Performance
1

What is the name of the domain?

aorps.blog

What is the issue you’re encountering

the css with style of the tag after being shown by Cloudflare doesn’t exist

What steps have you taken to resolve the issue?

I ensured that Mirage was turned off. Additionally, ensured that I can see the /assets/main.css file from the origin (and not from when Cloudflare is over it).

2

Past art: Style loss of img tags in websites

3

I had the site on Development Mode and I cleared the cache (Caching > Configuration >> Purge Everything). However, upon reading more here: Development Mode · Cloudflare Cache (CDN) docs . I went into Caching > Cache Rules and enabled one of the Template rules (‘Bypass Cache for Everything [Template]’) and that fixed the underlying issue (which let me see my tag with it’s css goodness)

4

I came back to investigating the cache, after trying to get really cheeky and modifying the ast behaviour within the Markdown → HTML engine (just some Open-source code that renders HTML from Markdown) that my site relies on (trying to make an indirect modification to the style of an tag). I could see the html change (but the main.css file had not updated), and (I thought surely it couldn’t be this difficult). Hope this helps someone in the future!