созданная мной страница c Bootstrap не отображается должным образом в Iphone Safari. Кто-нибудь может мне посоветовать, что пошло не так?
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet"/>
<section class="share-properti jumbotron row" style="min-height:360px; max-height: 420px; margin-bottom: 20%;">
<div class="col-md-6 my-auto" style="padding-top: 8%">
<h2><span class="fitur-head">Member Saya</span><img src="assets/agen/member-saya.png" class="properti-icon" width="70"></h2>
<p>Anda dapat melihat seberapa besar komunitas yang telah Anda bangun, dimana akan membantu Anda untuk mengestimasi passive income yang akan didapatkan.
</p>
</div>
<div class="col-md-6">
</div>
<img src="assets/agen/member-saya.jpg" width="70%" class="img-fluid mx-auto" style="position:relative;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);" alt="screenshot leads">
</section>
Изображение должно отображаться с 70% ширины экрана и автоматической высоты, поскольку я поставил класс img-Fluid. Однако в Safari он просто не работает должным образом.
Примечание: я намеренно оставляю второй столбец col-md-6 пустым, так как хотел бы, чтобы изображение плавало и оставалось внутри jumbotron