スライダーの画像が白くチラつくのを直したい safari特有のtranslateバグ？

slick
こちらのプラグインを使い、スライダーを実装しているのですが、
コンテンツをスライドした時に（2枚目から3枚目をスライドしたあたり）
画像が白くチラつくような挙動が画像の右側あたりにたまに現れ、その解消方法がわかりません。

チラつきが再現した環境
◆iPad2
iOS8.4.1
検証ブラウザiOS safari

◆iPad mini （初代）
iOS9.3.2
検証ブラウザiOS safari

◆制作条件
・対象デバイスiPad2以降全種
・対象ブラウザiOS safariのみ
・iOS9以上対応
＊補足
スライドで表示させる画像は、
コンテンツ幅（1004x580）を超えたピクセル数の物を縮小して表示するのが条件です。
スライド表示エリアの高さは固定です。
iPad Pro 9.7（iOS 10.1.1）ではチラつきは起きませんでした。

プラグインが「transform: translate」
を使って画像のスライドを制御しているみたいなので、
safari特有のバグかと思い、
こちらの記事を参考にしましたが、チラつきは治りませんでした。

また、こちら二つのスライダープラグイン
bxslider
Swipe
を代用してみましたが、同様に白いチラつきの現象が起きてしまいました。

何か解決方法がございましたら、
対処方法を教えていただきたいです。

HTML
1
2<!DOCTYPE html>
3<html lang="en">
4<head>
5  <meta charset="UTF-8">
6
7<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.css"/>
8<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/jquery.slick/1.6.0/slick-theme.css"/>
9<style type="text/css">
10body { margin: 0 auto;}
11.slick-slide img { display: inline;}
12#container { width: 100%; min-width: 768px; max-width: 1024px; margin: 0 auto; }
13#container .slick { position: relative; z-index: 10;padding: 10px 0; background-color: #cdcdcd;  }
14#container .slider {position: relative; display: inline-block; width: 100%; height: 580px; margin: 0 10px;}
15#container .img_wrap { text-align: center; }
16#container .img_wrap img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
17#container .vertical { width: 100%; }
18#container .horizontal { height: 100%; }
19</style>
20</head>
21<body>
22<div id="container" class="container">
23<div class="main">
24<div class="content">
25<div class="slick">
26<div class="slick-wrapper">
27<div class="slider"><span class="img_wrap"><a href=""><img src="https://placehold.it/1160x800/79b74a/fff" class="vertical"></a></span></div>
28<div class="slider"><span class="img_wrap"><a href=""><img src="https://placehold.it/1160x800/79b74a/fff" class="vertical"></a></span></div>
29<div class="slider"><span class="img_wrap"><a href=""><img src="https://placehold.it/1160x800/79b74a/fff" class="vertical"></a></span></div>
30<div class="slider"><span class="img_wrap"><a href=""><img src="https://placehold.it/800x1160/79b74a/fff" class="horizontal"></a></span></div>
31<div class="slider"><span class="img_wrap"><a href=""><img src="https://placehold.it/800x1160/79b74a/fff" class="horizontal"></a></span></div>
32</div>
33
34</div>
35</div>
36</div>
37</div>
38</body>
39<script type="text/javascript" src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
40<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery.slick/1.6.0/slick.min.js"></script>
41<script>
42$('.slick-wrapper').slick({dots: true});
43</script>
44</html>
45
46