Как сверстать такой сайт?
SVG + padding/margin в процентахsnippet
Секции сделать относительными и давать им большие паддинги и по разному чтобы друг на друга не лезли. Так же нужно регулировать всоту секции по ширине экрана, чтобы было адаптивным. Именно фоновое изображение задавать отдельно а не как фоновое. И вообще еденицы измерения vw, vh в помощь. Так же не помешало бы узнать про свойство изображения object-fit и его значения cover, contain.section{
   position:relative;
padding: 8vh 10vw;
width: 100%;
height: 40vw;
}

img.bg{
possition: absolute;
width: 100%;
top: 0;
left: 0;
}

.content-section{
   z-index: 100;
}