Как обрезать часть div'a справо?

Question

[fapchat]

Смотрите: есть макет, а в нём вот так срезается справа кучка фоток,:

Как я понял, фото должны срезаться справо всё сильнее при уменьшении экрана. Т.е. всё должно быть как-то так:

на большом экране

на маленьком

У меня правая часть при уменьшении экрана сужается, но я не знаю как правильно сделать так, чтобы при этом справа был ещё и отступ.

Так как же в итоге обрезать часть div'a справо?

Comments

[Ankhena]

Это же слайдер.
Задаете фикс ширину слайдам, что не влезет само обрежется.
https://swiperjs.com/demos#slides-per-view-auto

[fapchat]

Ankhena, попробую, спс

Answer 1

[nonconformiste]

Ширины двух фото должны быть не фиксированными а 50%, родительский блок должен иметь свойство position, тогда ширина у фоток всегда будет подстраиваться и фото справа не будет обрезаться.

Comments

[fapchat]

и фото справа не будет обрезаться.

Так мне наоборот нужно, чтобы обрезалось как на макете

[fapchat]

и фото справа не будет обрезаться.

Так мне наоборот нужно, чтобы обрезалось как на макете