Avif images served with incorrect Content-Type header

[gagan0123]

Description

I am using EasyEngine to host a WordPress website that utilizes the Modern Image Formats plugin to convert images to WebP and Avif formats. While WebP images are served correctly, Avif images are being served with an incorrect Content-Type header (application/octet-stream instead of image/avif).

Steps to Reproduce:

1. Install EasyEngine on a server.
2. Create a WordPress site using EasyEngine.
3. Install the Modern Image Formats plugin.
4. Configure the plugin to convert images to WebP and Avif.
5. Upload an image and observe the Content-Type header for the generated Avif version.

Expected Behavior:

Nginx should serve Avif images with the Content-Type: image/avif header.

Actual Behavior:

Nginx is serving Avif images with the Content-Type: application/octet-stream header.

Additional Information:

• EasyEngine version: EE 4.8.0
• Site having issue: https://privacysandbox-stories.com/

Suggested Solution:

Update EasyEngine's Nginx configuration to include the following line within the server block:

location ~* \.(avif)$ {
  add_header Content-Type image/avif;
}

[gagan0123]

Also the Cache-Control header for avif images will need an update.

[gagan0123]

As a temporary solution, I've transformed the response header via Cloudflare to output correct value.