Привет!
Есть макет, который необходимо сверстать, и секции разделены под углом, вот пример того что нужно встроить между блоков:
Изображение 1
Есть так же блоки, где background: transparent и там на фоне видос, вот так:
Так вот, не могу додумать как сделать так, чтобы Изображение 1 было выше блока с контентом при этом сжималось(было адаптивным). Пытался через :before, там это сделать невозможно, тк нужно задавать высоту; пытался сделать это через background-image, но тут тоже облом, тк постоянно нужно иметь отступ контента от угла, чтобы он отлично вписался и небыло прозрачных линий. Можно конечно сделать формулу на js и при ресайзах постоянно менять отступы, но там точности скорее всего все-равно не будет. Можно было сделать на svg(уголок), но тут беда в том, что на этом уголке буковка. Можно через img с 100% шириной, но это как-то не очень, а да, еще это тоже не тот вариант, тк этот уголок будет меняться в адаптиве на другое изображение:) Ребят, мб есть какой-то красивый вариант?
Средний
