In Bootstrap 4 add .img-fluid class to make the image responsive, so it will always take 100% of the available width, depending on the device and parent element.

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