カルーセルのレスポンシブデザインの例。

このサンプルページの場合、PC等のブラウザでは最大1280pxまでとしています。
モバイルあるいは比較的画面サイズの小さな端末に対しては、width100%としています。

上記サンプルのカルーセルに流れている3枚の画像は
それぞれ
・1280×720
・1920×1080
・3840×2160
上記サイズの画像が流れています。
要はどのようなサイズの画像が入っても、そこは問題ではなくて(質やロードのことを考えると統一すべきですが、今回はサンプルのため。)
16:9画像が表示できる状態にしてあります。