Я предлагаю следуючий вариант.
Верстаем две части: левую и правую.
в правой вроде все просто, а в левой - задаем бекграунд-градиет.
Внутри которого будем размещать некоторые его дочерние елементы - лого, текст, круги. Всех их я верстал бы абсолютом, предварительно задав левой части формы - position: relative.
Создаем еще один блок - для бекграунда волнистого цвета - по диагонали блока... ее тоже абсолютом делаем, и задаем чтобы она занимала всю высоту и ширину родителя. Ее z-index - будет меньше чем в текстов, лого и кругов, но больше чем в бекграунда волнистого цвета. Сам волнистый бекграунд я бы просил в дизайнера, так как пока нет идей как реализовать такие волны =/.
Если говорить о адаптивности , то я бы компонировал таким образом елементы https:// prnt . sc/ 18hg5rm - уберите проблелы =)