HTML, CSS, вёрстка

Начал верстать простенький макет, но под конец вёрстки столкнулся с проблемой. Не могу понять, как будет правильно сверстать блок перед футером (с двумя ромбами). Загрузить изображения по отдельности? Или загрузить слитное фото (макет на фигме). Да и вообще, как будет правльней сверстать?

CodePen:

'https://codepen.io/Vladislav_Biryukov/pen/yLgaejw'

Figma:

https://www.figma.com/file/ZHj6wELfs3WQnrqYJ89Pjc/website-lading-page-(Community)?node-id=0%3A1