Приветствую, не было такого опыта, не знаю с какого бока подойти, как сделать два скоса у одного блока, сверху и снизу?
И сделать так, чтобы адаптивный был, с градиентной заливкой, да снизу тень чтобы была, да под нижний край нужно подсунуть другой блок. Border метод не подходит из за градиента у блока.
Есть мысли сделать это двумя блоками, верхний скос linear-gradient, а вот нижний отдельным блоком, и в нем svg маску как то использовать. Clip-path не подходит, из за плохой поддержки браузерами.
Вот как должно быть
А вот что имею
Даже не знаю как сделать такие скосы, любому совету - решению буду признателен.