Tengo este segmento de cógido:
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<section class="container">
<div class="row">
<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
<img alt="Silverfox" src="https://i.ytimg.com/vi/nnobENl6T9s/maxresdefault.jpg">
</div>
<div class="col-lg-5 col-md-6 col-sm-6 col-xs-12">
<figure>
<img class="rounded d-block m-l-none" alt="Slogan" src="http://2.bp.blogspot.com/-OBtYSBUYCo0/UN91p2iVt4I/AAAAAAAAg6U/DQnE0LOH_bU/s640/silver+fox+5.jpg">
<figcaption class="text-left">Self-Service Portal solution</figcaption>
</figure>
<h4 class="title4-long-responsive-section izq blue font-bold text-uppercase"> Aquí debe ir el slogan promocional del producto</h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. </p>
<button class="btn btn-blue">Read more</button>
</div>
</div>
</section>
Donde el tamaño de la imagen Silverfox es mayor que el div que la contiene y no logro que mantenga el mismo tamaño y no tape los elementos de la 2da columna
img-fluid
a tu imagen