Image is not displaying clearly

I have an image of a screen, overlayed with 4 other smaller images, all with transparent backgrounds. For some reason though, the base image of the screen is not displaying sharply. I’ve checked with the local image and it is a hi-res image that displays correctly on my computer. For some reason when uploaded to webflow, it is loosing its sharpness.

Anybody have any ideas as to why this is happening?

See the Features section at this link:

http://www.reliefwatch.io

Here is a read-only link: https://preview.webflow.com/preview/reliefwatch?utm_medium=preview_link&utm_source=designer&utm_content=reliefwatch&preview=1f8c354f55bb60e7d2919a43e7a40e2b&mode=preview


Here is my public share link: LINK
(how to access public share link)