Images not looking good on safari (need help urgent)

Design help General
1

Hello! I’m working on a website for a client. I built the website on Webflow on my google chrome browser, but now my client is telling me that some of the images is not looking good on her browser (safari). I’m not sure how to fix this as I don’t have safari on my laptop, so no way for me to test it.

How I see it:

image
image1712×930 192 KB

How my client sees it:

863D4490-B91D-4843-B9D0-5A335B7CF6C3
863D4490-B91D-4843-B9D0-5A335B7CF6C31024×768 62.1 KB

Read only: https://preview.webflow.com/preview/buurtdokters?utm_medium=preview_link&utm_source=designer&utm_content=buurtdokters&preview=943864452844d0f056b9965eedd6fbb3&mode=preview

Anyone can help me understand why my client is seeing it this way?

Thanks so much!

2

hi @davidlacle scale down is not supported in all browsers. You should avoid to use it and achieve your approach different way. Simplest way you can try is to use padding on image wrapper that will end up with identical design style.

EDIT: If you want to have control over image size (animation or whatever) you can also use transform property on image

.my-img{
  transform: scale(0.9);
}

Hope that one of solutions will be usefull for you. :wink:

3

Thanks! This worked :slight_smile:

1 Like