Потому что сафари не понимает прозрачность в hex-цветах. Поменяйте #0000 на rgba(0,0,0,0). А ещё лучше оба цвета переведите в rgba и меняйте только прозрачность:
Очередной наркоманский баг Сафари. В 14 версии, судя по всему, таки пофикшен.
Как вариант, можно добавить сроке .flex-lg-nowrap, чтобы она в принципе не переносилась на разрешениях, где должно всё входить в одну строчку.
Потому что флекс в сафари кривой и кривым останется, видимо.
Строке, в которой у вас лежат картинки, добавьте вертикальное выравнивание, как-нибудь так:
