oelena

Флекс к сожалению не умеет обтекать картинку текстом. Вариант только флоатом.
https://jsfiddle.net/ElenaOr/7ov9ec1p/9/ - поправила немного ваш html файл + когда пишите

.post-image {
  min-width: 400px;
}

то картинка располагается на всю ширину экрана, так как:

.post-image img {
  width: 100%;
}

поэтому блоку надо задать фиксированную ширину:

.post-image {
 width: 400px;
}

Как раз таки этот код у вас работает.

&:first-child {
padding-left: 0;
}

А вот этот

&:last-child {
	 	padding-right: 0; 

	 }

нет.
Все потому что у последнего элемента нет паддинга справа. Вы задали фиксированную ширину его родителю и обертке. Хотите его убрать, уменьшите ширину или добавьте

.list{
  justify-content: space-between;
}

если хотите растянуть содержимое на всю ширину

https://jsfiddle.net/ElenaOr/79d1x0k8/5/ - вот так
sticky работает внутри родителя и на соседние элементы не опускается

Задать изображению такую же высоту.

.hero__personal-img {
  height: 100vh;
}