Как можно задать фон серым на 65% и картинкой на 35% чтобы картинка умещала весь контент(и масштабировалась при уменьшении и наоборот)?

Question

[head space]

Есть секция, где задний фон 65% серый и 35% это картинка по высоте должны быть одинаковыми. Внутри 2 блока один с текстом занимает 50 % и другой 50% с маленькой картинкой. которая далжна быть расположенна как бы на границе задних фонов.

Comments

[Александр Епихин]

Начните делать и выложите код на codepen.io

[Антон Литвиненко]

и скриншот желательно, чтобы понимать что нужно

[VL5438]

Что-то подобное?
jsfiddle.net

[head space]

Александр Епихин, Спасибо уже разобрался. Щас другая проблема. Ломается слайдер. при уменьшении экрана https://jsfiddle.net/head__space/d2j1pftn/20/