我已经在我的web应用程序中创建了一个支付页面的模态，并希望显示支付提供商的品牌;条纹。
默认情况下，图像是1950 x927，我可以使用style手动更改，但是这并不能使图像大小真正动态;即它可能在桌面上看起来很好，但仍然扩展到移动的上的模态。
台式机：

移动的：

我怎样才能让图像大小与模态响应加载？
下面是我的页面上的代码：

<!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">How can you know your payment is secure?</h4>
      </div>
      <div class="modal-body">
        <img src="{{ asset('img/stripe.png') }}" style="height:250px;">
        <p>Stripe has been audited by a PCI-certified auditor and is certified to <a href="http://www.visa.com/splisting/searchGrsp.do?companyNameCriteria=stripe" target="_blank">PCI Service Provider Level 1</a>. This is the most stringent level of certification available in the payments industry. To accomplish this, they make use of best-in-class security tools and practices to maintain a high level of security at Stripe.</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>