javascript - 固定比率と最小幅のカルーセル画像

Question

https://squareup.com/のようなカルーセルを作成しようとしています。画像の比率を固定し、最小幅で最大 1400px 幅の画面を処理したい。CSSで試したことはすべて壊れます。

CSS:

.carousel .item {
  height: 800px;
}
.carousel img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 1400px;
  height: 100%;
}

使用できるレスポンシブ プラグインまたは画像スライダーはありますか? または、私がひどく気づいていない CSS トリック。