Айрат

У вас в html у изображения стоит фиксированная ширина/высота.
src="https://via.placeholder.com/728x500"

И да, фиксировать высоту динамичного блока не надо, контент может вылезти за его пределы.

родителю задать position: relative; а потомкам position: absolute

А зачем absolute использовать? просто обычным потоком верстаете блок и все

Можно попробовать сделать у этого блока желтые псевдоэлементы css в виде треугольников и с помощью абсолютного позиционирования прикрепить их к нижней части и поставить им z-index чтобы они под элементами прятались.

Доброго.
В данном случае блок можно сверстать так:

1. в процентах задаем ширину левому блоку (на картинке это где-то 60% от ширины всего блока)
   
2. данный фон в левом блоке (включая круги и волны) делаем одной картинкой и вставляем фоном
   
3. задаем левому блоку общий padding, например 20px
   
4. все текстовые элементы и логотип верстаем обычным образом в блочном потоке
   

Благодаря данному подходу наша сетка будет адаптивной. Позиционировать элементы абсолютом в данном случае совсем не уместно, так как при сжатие и расширении вся сетка поломается.