Если не нужна адаптивная вёрстка - просто обрезали по край нижний в центре изображения и в jpg вместе с синим фоном всё залили.
Нужна адаптивка - говорили уже доп блоки или before + after
Или если у вас скиловый дизайнер там прямо это рисовал (кого я обманываю...) то тогда он предусмотрел уже адаптивный вид для этого блока и вам можно будет (если в адаптиве тоже такой треугольник) просто при меньшем max-width в
media фигачить новый background за место нынешнего (короч первый способ, просто пхаем другой фон в блок).
Да, первый способ - изврат. Можно и на svg сделать и тд и тп. Просто как вариант безгеморойный. Часто пользуюсь если сайт и хозяева его будущие не собираются звезд с неба хватать.
Простой
