In Bootstrap 4 add .img-fluid class to make the image responsive.

Example: <img src="https://example-image.com" class="img-fluid">

The gray border of each picture shows the size of his parent element.

Detailed documentation and more examples about Bootstrap image slider you can find in our Bootstrap Images Docs

Responsive image
Responsive image
Responsive image