Как работать с изображениями которые выходят за область видимости?

Question

[Sanzhar Bazarbek]

Добрый день. Хочу сделать подобный блок, который изображен на картинке
Как мы видим, некоторые картинки вышли за пределы видимой области
Но, при этом нет скролла по оси X

Пытался сделать через overflow: hidden, могло ничего не выйти - могло просто исчезнуть
Сайт: на картинке: https://detox.formpit.ru
Код: https://jsfiddle.net/o8ef73gp/10/

Comments

[Ankhena]

Ну и зачем дублировать вопросы? Как изображение вывести за видимый экран, но убрать overflow?

Это обычные фоны.
Или один фон.
В зависимости, что вы собираетесь с ними делать при адаптиве.

Answer 1

[Даниил Ульянов]

Поробуйте так:

.КЛАСС{
width: 100%

background-image: url("Ваша картинка");
background-size: cover;
}

Поверх этой картинки пишите что хотите.

Или, если ситуация не в этом и Вы уже пробовали так сделать, оставьте коммент.

Comments

[Sanzhar Bazarbek]

не удалось)