Owl转盘未在Android浏览器上显示图像-Poss CSS规则问题

我有一个猫头鹰旋转木马V2和图像（PNG或JPG）没有显示在我的老式HTC手机Android 4.2上，它在Android浏览器V4.2.2上失败，但在Chrome上工作，同样的设备

它在我的Mac电脑上的3X浏览器、Win10和XP的3X浏览器、iPhone、iPad和Android平板电脑上运行良好

我有一个CSS类来缩放图像-当我删除这个类时，它就工作了

   <div class="carousel_wrapper">
    <div id="samewidth_images" class="owl-carousel">

        <div>
          <img class='a4_diary_image' src='sizes/A4_test.jpg'>
          <div class='owl_diary_desc'>
            A4 diaries 
          </div>
        </div>

        <div>
          <img class='quarto_diary_image' src='sizes/Q_test.jpg'>
          <div class='owl_diary_desc'>
            Quarto diaries
          </div>
        </div>

        <div>
          <img class='a5_diary_image' src='sizes/A5_test.jpg'>
          <div class='owl_diary_desc'>
            A5 diaries - executive and standard

          </div>
        </div>

        <div>
          <img class='a6_diary_image' src='sizes/A6_test.jpg'>
          <div class='owl_diary_desc'>
            A6 diaries - new for 2017
          </div>
        </div>

        <div>
          <img class='pocket_diary_image' src='sizes/POCKET_test.jpg?a=v'>
          <div class='owl_diary_desc'>
            Pocket diaries
          </div>
        </div>

转盘似乎初始化正常，因为文本在那里并且可以切换。Givin这就是android 4.2，我不能在USB中加上它，并检查DOM以尝试确定问题。图像应该在什么地方都没有，没有X，也没有占用任何空白

.a5_diary_image {
  max-width: 70%;
  max-height: 70%;
  margin-left: auto;
  margin-right: auto;
}


.a6_diary_image {
  max-width: 50%;
  max-height: 50%;
  margin-left: auto;
  margin-right: auto;
}