Cropper.JS ширина изображения

Question

Я пытаюсь использовать jquery-cropper-js (Cropper.JS) для обрезки загруженного изображения.Но проблема в том, что ширина изображения всегда составляет 200 пикселей, что слишком мало.

Существует обходной путь для установки минимальных свойств ширины и высоты, но в этом случае отзывчивость нарушается.

Вот код:

$('#customImage').change(function() {
  if (this.checked) {
    var image = document.querySelector('#image');
    var cropper = new Cropper(image, {
      viewMode: 2
    });
  }
});

.img-container {
  max-width: 100%;
}

.img-container img {
  width: 100%;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div class="col-sm-9">
  <div class="img-container">
    <img id="image" src="~/Images/coins.png" alt="Image" />
  </div>
</div>

Кто-нибудь может подсказать, что нужно сделать, чтобы правильно определить ширину?Ценить это.