I'm trying to add a picture to my card, but the image size is too large. I attempted to resize it using CSS, but it didn't work. Here's the code snippet I used:
.media .img {
height: 50px;
width: 50px;
}<div class="row">
<div class="col-md-9 col-lg-8 mx-auto">
<div class="card">
<div class="card-content">
<div class="card-body">
<div class="media ">
<div class="align-self-center patient">
<img src="{{ asset('images/patient.png') }}">
</div>
<div class="media-body text-right">
<h3>Patient</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div>