How to optimize pictures for every screensize? (so it looks the best)

Hi,

I have a bunch of pictures on this website and I want them to look good on every screensize, from desktop to mobile. The problem is that when you are looking at some of these pictures on a desktop, they are really zoomed in so you can’t see the whole object.

On a mobile most of the pictures don’t have this issue. There you can usually see the whole object on the photo.

Look at my link for example and look at the picture D500 - 1700. So you can see what I mean.

Is there a way to zoom out the pictures a bit so you can see the whole object instead of just a part?

https://preview.webflow.com/preview/fh-initial-project?utm_medium=preview_link&utm_source=designer&utm_content=fh-initial-project&preview=bca926419011426ea15c75071cfe48d8&pageId=5f57eb0f35cfe25b520a65a7&mode=preview