Object Fit Contain
Use classe .object-fit-contain for get desire heading.
<div class="card-body object-fit-container">
<img src="./images/media/1.jpg" class="object-fit-contain border rounded" alt="...">
</div>
Object Fit Cover
Use classe .object-fit-cover for get desire heading.
<div class="card-body object-fit-container">
<img src="./images/media/1.jpg" class="object-fit-cover border rounded" alt="...">
</div>
Object Fit Fill
Use classe .object-fit-fill for get desire heading.
<div class="card-body object-fit-container">
<img src="./images/media/1.jpg" class="object-fit-fill border rounded" alt="...">
</div>
Object Fit Scale
Use classe .object-fit-scale for get desire heading.
<div class="card-body object-fit-container">
<img src="./images/media/1.jpg" class="object-fit-scale border rounded" alt="...">
</div>
Object Fit None
Use classe .object-fit-none for get desire heading.
<div class="card-body object-fit-container">
<img src="./images/media/1.jpg" class="object-fit-none border rounded" alt="...">
</div>
Object Fit Conatin (Responsive - sm)
Use classe .fit-sm-contain for get desire heading.
<div class="card-body object-fit-container">
<img src="./images/media/1.jpg" class="object-fit-sm-contain border rounded" alt="...">
</div>
Object Fit Conatin (Responsive - md)
Use classe .fit-md-contain for get desire heading.
<div class="card-body object-fit-container">
<img src="./images/media/1.jpg" class="object-fit-md-contain border rounded" alt="...">
</div>
Object Fit Conatin (Responsive - lg)
Use classe .fit-lg-contain for get desire heading.
<div class="card-body object-fit-container">
<img src="./images/media/1.jpg" class="object-fit-lg-contain border rounded" alt="...">
</div>
Object Fit Conatin (Responsive - xl)
Use classe .fit-xl-contain for get desire heading.
<div class="card-body object-fit-container">
<img src="./images/media/1.jpg" class="object-fit-xl-contain border rounded" alt="...">
</div>
Object Fit Conatin (Responsive - XXl)
Use classe .object-fit-xxl-contain for get desire heading.
<div class="card-body object-fit-container">
<img src="./images/media/1.jpg" class="object-fit-xxl-contain border rounded" alt="...">
</div>
Object Fit Contain Vidio
Use classe .object-fit-contain for get desire heading.
<div class="card-body object-fit-container">
<video src="./images/media/transaction.mp4" class="object-fit-contain border rounded" autoplay loop muted></video>
</div>
Object Fit Cover Vidio
Use classe .object-fit-cover for get desire heading.
<div class="card-body object-fit-container">
<video src="./images/media/transaction.mp4" class="object-fit-cover border rounded" autoplay loop muted></video>
</div>
Object Fit Fill Vidio
Use classe .object-fit-fill for get desire heading.
<div class="card-body object-fit-container">
<video src="./images/media/transaction.mp4" class="object-fit-fill border rounded" autoplay loop muted></video>
</div>
Object Fit Scale Vidio
Use classe .object-fit-scale for get desire heading.
<div class="card-body object-fit-container">
<video src="./images/media/transaction.mp4" class="object-fit-scale border rounded" autoplay loop muted></video>
</div>
Object Fit None Vidio
Use classe .object-fit-none for get desire heading.
<div class="card-body object-fit-container">
<video src="./images/media/transaction.mp4" class="object-fit-none border rounded" autoplay loop muted></video>
</div>