Каким способом лучше всего расположить частицы на фоне секции адаптивного сайта?

Есть такой дизайн, где на фоне расположены квадраты, круги, треугольники и кресты в SVG формате (скриншот). Каким способом их грамотнее всего будет располагать? Вручную прописывать каждой position absolute с координатами это бред как по мне. В голову еще идет вариант с фотошопом и созданием бесшового фрагмента, но хотелось бы минимизировать растровую графику на сайте.