SVG pictures in Safari & broken GIF

[SelinaBuff]

The problem

Unfortunately, our svg images are displayed in poor quality on Safari on our new landing page. With all other browsers there are no problems. In addition, the GIF in the "Target User" section is not displayed with a transparent background as in all other web browsers, but a colored background is automatically added. So we have to find a way to either display our svg's in good quality in Safari or in the worst case we have to replace our svg's with png's everywhere. Furthermore, we have to find out why the GIF is displayed with an unwanted background in Safari.

User Stories:

• As a Safari user, I expect to see all images in good resolution. No matter what screen size.
• As a web developer, i want to figure out first how we will fix the problem without replacing all svg's with png's. Maybe i'll ask an experienced collegue who could help out.

Browser

Safari

Steps to reproduce the behavior

No response

Screenshots

No response

Additional context

No response

[SelinaBuff]

Also:

As of now, the media used on the landing page isn't up to date. For instance, note/board reactions aren't shown.

AC: Use media from new latest release so more features can be showcased on the landing page