我正在尝试重新创建使用引导程序标签/药片以及列和行制作的ui卡。
唯一的问题是当我将链接添加到img并调整卡的大小时，图像变形并且无法正确缩放。我是否必须添加到CSS或重新缩放图像？谢谢。
<div class="row">
<div class="col-12">
<div class="box">
<div class="maincontainer">
<div class="thecard">
<div class="row no-gutters" style="height:100%;">
<div class="col-4 dedicated">
<img src="assets/img/handshake.jpg" alt="handshake-meeting" style="background-size:cover;">
</div>
<div class="col-8 dedicated-back" style="overflow:hidden;">
<div class="mt-auto price">
<h1 class="dedicated-heading">Dedicated internet nedir?</h1>
<p class="dedicated-para">
<ul class="dedicated-para">
<li>-İndirme ve yükleme hızını siz seçin.</li>
<li>-Statik ip’niz olsun.</li>
<li>-AKN’niz ya da herhangi bir limitlendirmeniz olmasın.</li>
<li>-Kameralarınızı takılmadan istediğiniz gibi seyredin.</li>
<li>-Tüm şirketlerinizi birbirine bağlayın.</li>
<li>-Mesai dışında bile olsa kendinize özel müşteri temsilcisi ve teknik desteğe sahip olun.</li>
<li>-Hafta içi haftasonu demeden teknik destek alın.</li>
<li>Yönlendirme ve VPN işlemlerini ücretsiz bir şekilde sabah 8:00 gece 23:00 saatleri arasında anında yaptırın</li>
</ul>
</p>
<p class="dedicated-info">Fiyat İçin Lütfen Bilgi Alınız</p>
<p class="dedicated-info">05333203252</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container container-print">
<h6>1) Kurumsal müşterilerimizin kendilerine özel müşteri temsilcileri bulunmaktadır. Yapılan sözleşmeler doğrultusunda, yine kendilerine özel kurallar belirleyebilmektedirler.</h6>
<h6>2) Kurumsal Teknik Saha olarak, bireysellikten ayrılan hizmetimizde, her daim teknik servis imkanı sağlanmaktadır. herhangi bir teknik durumunda nöbetçi ekipler müdahale ederek destek sağlamaktadırlar.</h6>
</div>
</div>