Ответ прост, ты не юзаешь префиксы. Gjcvjnhb caniuse.com/#feat=flexbox , тут видно что сафари поддерживает flexbox, но только с префиксами. Ползуйся сервисом генерации префиксов для флексов и тогда у тебя флексы будут работать как часы the-echoplex.net/flexyboxes
Flexbox + autoprefixer. Те кто сидят с "браузера" который не поддерживает флексы даже префиксами, обычно не попадают в ЦА клиентов.
На них можно сверстать почти что угодно. Это моё имхо, кто-то может не согласиться
на jquery при наведении на блок 1 или 2, присваиваешь им класс (такой же как при :hover), а затем когда мышка попадает на другие элементы, класс автоматически убирается
