两个列布局环绕（浮动？）div

Question

我正在尝试实现以下布局，其中左侧的部分是两列，并且环绕右上方的浮动元素。我遇到的解决方案适用于Chrome，但不适用于Safari。

有没有人有关于如何通过跨浏览器兼容性来实现此目的的建议？

我目前的解决方案：https://jsfiddle.net/waverly/62nk2zxv/1/

.col-1 {
  column-count: 2;
}

.description {
  margin-top: 200px;
  padding: 50px 0 50px 50px;
}

.paragraph {
  padding: 0px 0 50px 50px;
}

.col-2 {
  position: relative;
  float: right;
  padding: 50px 0 50px 50px;
}

img {
  max-width: 100%;
}

您可以在此处查看实时网站（查看“关于我们”页面） - 适用于Chrome但不适用于Safari：https://build-kaqexsjtyz.now.sh/