Как от центровать картинку так чтобы не вырезалось и не появлялось прокрутка ?

[Дмитрий Афанасьев]

Есть макет в котором изображение выезжает из центровщика и получается что:
- изображение обрезается (как бы центровщик не дает выйти из своей ширины)
- или же появляется полоса прокрутки.

Как нормально сделать подскажите пожалуйста.
А именно: Мне нужно чтобы изображение выезжало из центровщика но не обрезалось и чтобы не появлялся нижний скрол при уменьшении экрана, а чтобы просто изображение скрывлось то часть которая не влезает.   
 

[Igor Schnaider]

overflow: hidden на общем для всей страницы контейнере добавьте. На body, например.

[Дмитрий Афанасьев]

2 часа назад, Igor Schnaider сказал:

overflow: hidden на общем для всей страницы контейнере добавьте. На body, например.

Тогда картинка обрезается.

[Igor Schnaider]

Не понял вопрос тогда.

В 14.07.2018 в 12:02, Дмитрий Афанасьев сказал:

...изображение скрывалось, та часть, которая не влезает.

В смысле, чтобы просто исчезла картинка на малом размере? Тогда media queries в помощь – display: none.

[Дмитрий Афанасьев]

В 16.07.2018 в 18:47, Igor Schnaider сказал:

Не понял вопрос тогда.

В смысле, чтобы просто исчезла картинка на малом размере? Тогда media queries в помощь – display: none.

нет, чтобы обрезалась и не появлялся прокрутка когда не помещается картинка. А так она когда непомещается и когда помещается все равно обрезается. 
—————————--
Изменено: 
Да понял как делается спасибо я то hidden прописывал body а нужно было тот блок на котором все строится. 

 

Edited July 17, 2018 by Дмитрий Афанасьев
update ?

[Switch74]

http://jsfiddle.net/j1vgt7u3/

[Дмитрий Афанасьев]

8 часов назад, Switch74 сказал:

http://jsfiddle.net/j1vgt7u3/

Не понял за счет чего такое чудо происходит.