Задача состоит в том чтобы сделать анимацию похожую как тут http://susaventures.com

Прикрепил скрин дизайна.
Нужно сделать на канвасе по типу примера ромбики (должны быть отрисованы через svg) и чтобы рандомно появлялись точки в местах пересечения линий. То есть некий эффект мелькания звезд в небе. Точки должны появляться порциями в одной области не все сразу а рандомно. А так же должен быть туман который движется, на данном примере облака но я скину png тумана.
(Туман сделать на том же канвасе)
Всё это должно быть адаптивным при изменении экрана браузера.
Сделать возможность указания параметров размера ромбиков. Так как в мобильных ромбики должны быть меньше чем в пк.