Hello Webflow community.
I am working on a website for a client and I am running into some issues with alignment between Chrome, Safari and Firefox.
In Chrome, everything works fine.
In Safari, the interactive dashboard element at the top of the home page does not display the little animated cards that show up on hover (works in Chrome and Firefox)
In Firefox, the slider half way down the page is pushed hard to the right (is centered on Chrome and Safari) and the text disappears on a couple of the slides. This leaves the slider essentially unusable.
I have no idea how to make modifications that will affect the specific browsers, or any way of troubleshooting why they are acting differently in different browsers. This is a very high profile client project which I have to get right, any help would be greatly appreciated.
Hopefully this makes sense, but you will see the issue clearly by opening up the site in each browser.
Here is a link to the published site: http://adrizer.webflow.io/
Here is the Read-Only link: https://preview.webflow.com/preview/adrizer?utm_source=adrizer&preview=07a8ebe0387b466f2aa6a74c7f976f91