У меня есть карусель с фоновыми изображениями, похожими на этусайт

У меня есть изображения, которые я хотел бы растянуть до 100% ширины браузера. Когда пользователь уменьшает ширину своего браузера, изображение должно быть обрезано справа и слева. Размер изображения не должен быть изменен (где высота изменяется). Я использую стандартную компоновку карусели Bootstrap

Конечный результат должен быть примерно таким

Синий прямоугольник в середине - это контейнер, ширина которого всегда должна поддерживаться. Перед этим контейнеромs границы достигнуты, фоновое изображение (темно-зеленого цвета с туфлями) должно иметь егоs правая и левая стороны обрезаются по мере уменьшения ширины браузера.

Какие'лучший способ сделать это?