Tenho a seguinte estrutra html:
<div class="col-8 ml-2 bg-secondary">
<h3 class="">Ultimas Notícias</h3>
<div class="card">
<div class="row">
<div class="col-3 bg-dark">
<img src="http://via.placeholder.com/900x500" class="w-100">
</div>
<div class="col-9">
<div class="card-block">
<div class="card-title font-weight-bold mb-0">
Lorem ipsum dolor sit amet
</div>
<div class="card-text ">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor ipsum minima minus
modi nobis quisquam tempora temporibus? Ad aspernatur dolorum maxime nesciunt omnis
reprehenderit suscipit.
</div>
</div>
</div>
</div>
</div>
</div>
Resultando em:
Quero fazer com que a imagem ocupe todo espaço da coluna, que seria a parte preta escura (porem a parte preta escura deve alinhar com o Ultimas noticias e não sair para fora do card)