Анимированный фон с узором на теле

Question

Мне интересно, есть ли способ сделать что-то вроде анимированного фона только с помощью sass.Пока что я зацикливаюсь на svgs и даю им несколько тонких движений:

@for $i from 1 through 8 {
    $top: percentage(random(80)/100);
    $left: percentage(random(80)/100);
    $rotation: random(360);
    $speed: 10 + random(10);
    $x-random-start: 50 + random(20);
    $x-random-end: 100 + random(20);
    $y-random-start: 50 + random(20);
    $y-random-end: 100 + random(20);

    @keyframes squares-#{$i} {
        0% {
            transform: translate($x-random-start + px, $y-random-start +     px) rotate(#{$rotation + 0}deg);
        }
        100% {
            transform: translate($x-random-end + px, $y-random-end + px) rotate(#{$rotation + 360}deg);
        } 
    }

    .squares-#{$i} {
        width: 2em;
        height: 2em;
        top: $top;
        left: $left;
        position: absolute;
        z-index: -3;
        animation: squares-#{$i} #{$speed}s linear alternate infinite;
    } 
}

Я хотел бы распределить svgs по всему телу с промежутками между ними в небольшом случайном диапазоне.Я был бы очень признателен за помощь в этом.Ура! * * 1004