Во всех случаях у градиентов необычная форма и средствами css их не создать. Тогда их приходится вырезать из макета в формате png или svg.
Градиенты, которые не выходят за пределы блока можно установить через свойство background. А чтобы градиент выходил за пределы блока, приходится добавлять в html картинку и абсолютно позиционировать ее.
Но png много весит, а когда я использую svg, то градиент становится более тусклым и сайт начинает лагать, наверное из-за большой ширины и высоты картинки.
Сталкивался ли кто с подобным фоном?
Не понял, где я в таком случае должен margin на padding поменять.
Перед ответом на этот вопрос, хорошо бы, конечно, знать, что при этом умеет клиент...