SVG Header Images Fail

[TruThemes]

I removed all of my images and uploaded them again so they would go to my bucket, I added my logo to my header, but they don't display. They do not display in the media library either. There are objects like they exist, but there is nothing to see.




Here is a link to one of the SVG files in the bucket.
https://media.herbsfor.life/HerbsFor.Life_Header_Yin_and_Yang_Leaves_Rev1b.svg

I also applied this mime-type Rule, but nothing changed this behavior.
https://appforcf.com/threads/serving-svg-svgz-images-via-r2.9/

Site URL : https://herbsfor.life

Site Info:
Theme : Blocksy
Converter for Media Pro
WP Rocket
Perfmatters
Happy Files Pro

These are the only ones I can think of that might be an issue.

Regards,
~ Cory C.

 

[digitalpoint]

It does appear to be the issue with the mucked mime header. The image is there, but it's coming back with the application/xml mime type. Can you double/triple check your Transform Rule?

A couple things to check... make sure it's a Transform Rule and then more specifically, make sure it's under the Modify Response Header tab. There's a few types of transform rules, so make sure it's for responses and not requests. Also make sure it's enabled (you can create them without enabling them).

If all that looks okay, can you post a screenshot of the rule?

 

[TruThemes]

Yep, I had "And" instead of "Or."

 

[digitalpoint]

Yep, I had "And" instead of "Or."

Coincidentally, after I posted, I had the thought, "I wonder if they maybe did an 'and' instead of 'or'", but figured I'd see that if you posted a screenshot.