Как сверстать подобный блок на чистом css?
Если SVG шка интересует то вот: https://codepen.io/topicstarter/pen/mdmeQWJ
Доброго.
В данном случае блок можно сверстать так:

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

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