Как реализовать такую задачу с overflow:hidden?

Question

[Alice777]

https://jsfiddle.net/5xLzu3d9/ - вот пример

Есть блок с текстом. В верхнем правом углу декоративная картинка. По дизайну картинка должна быть обрезана по правлму краю(собственно именно это задает горизонтальный скрол), а сверху немного заступать на предыдущую секцию.
На мобильнике картинка будет в полном масштабе(в фотошопе обрезать не вариант).
Как грамотно это реализовать

Comments

[Конан Варвар]

Для начала скиньте дизайн, т.к. из вашего описания сложно что-то понять.

[Alice777]

JaredWinter: Просто вместо черного квадрата картинка, которую нужно сдвинуть вправо от контейнера и вверх на предыдущую секцию. Сдвигая картинку вправо появляется скролл, что логично.
Но его не должно быть(картинка должна быть обрезана)(нужно ее по иксу overflow-x: hidd НУТЬ)

[Конан Варвар]

Alice777: "Просто вместо черного квадрата картинка" - кроме этого больше ничего не понятно. Вы боитесь скидывать дизайн?

Answer 1

[Vihtori Mallat]

https://jsfiddle.net/p1kxx40x/