position: sticky;

та что-то не получается его использовать в данном случае

если не сложно, мог бы воспроизвести  ?
суть в том что элементы  всегда должны находится в правом углу при скролле

и после скролла там же

Доброго дня.
Не подскажете, мне нужно сделать такой блок, слева текст, справа картинка, разбиты по сторонам они 50 на 50. Основной контент располагается в пределах красной зоны.
На блок навешен флекс, на левую сторону с текстом flex none. Однако, как можно заметить, в правый блок не все изображение помещается и оно обрезается.
Ставил overflow visible, не помогло, увеличение ширины картинки ни к чему не приводило.
Как мне сделать так, чтобы изображение полностью поместилось и при этом ничего не сместило и не обрезало?
(Можно конечно поставить position absolute, но это дурацкое решение).

width: 100%; heifht: auto;
для картинки

не помогает
если убрать из левой части flex none, то все норм становится, но тогда соотношение сторон не 50 на 50

не понял... 50 на 50. обоим колонкам flex-grow: 1 и свойства для картинки, как написали выше.

ставил, не помогает
если ставлю height auto, то картинка просто пропадает

сделай песочницу

ок, сделаю

https://jsfiddle.net/Indy660/uoxwvnfe/9/
например
оставил со своими значениями, но твои заккоментировал

нет у меня столько термения в таком разбираться...

на, 50 на 50, картинка вписана

когда просят песочницу - это значит МВП, а не всё, что у тебя там есть

нет, ты меня неправильно понял, суть в том, что есть контент, но за него МОЖЕТ  выходить картинка!
как в том скриншоте, что я скинул. У меня же он обрезается

тогда абсолют

а то что ты на скрине показал считывается как - есть контейнер, с зоной, а картинка почему то вылезает за пределы, а не должна

Да? Я честно, думал это плохой вариант...

Дизайнер решил так)