Слайдер за пределами общего контейнера, но в пределах ограничивающей оболочки
Возможно кто-то подскажет как правильно верстаются блоки как в макете ниже. Задача состоит в том, чтобы текст не выходил за пределы container в 700px и занимал 50% его ширины. Слайдер же в свою очередь занимает 50% от оболочки в 1200px. При уменьшении viewporta слайдер адаптируется по высоте и ширине, а дойдя до ширины container и текст и слайдер начинают, собственно, занимать одинаковое значение ширины. Так же важно, чтобы при переполнении блока с текстом, текст толкал нижний блок, а не наплывал или обрезался.
Что нужно получить:
Что у меня получается:
Заранее извиняюсь, если не совсем корректно озвучил вопрос. :)