'Mapbox raster Image quality changes with zoom level

I have a floorplan image added on top of Mapbox as a Raster, everything works as expected except as I zoom out the image gets blurrier and its features are unrecognizable. please see below what I mean.

Zoom = 20

enter image description here

Zoom = 19

Zoom = 19

Zoom = 18

enter image description here

Is this something I can change, or is it how Mapbox handles the raster display?

Here is my code

 map.on('load', () => {
        map.addSource('radar', {
            'type': 'image',
            'url': 'URL_TO_IMAGE',
            'coordinates': [...]
        });
        map.addLayer({
            id: 'radar-layer',
            'type': 'raster',
            'source': 'radar',
            'paint': {
                'raster-fade-duration': 0
            }
        });
    });


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source