body {
        position: relative;
    }
    
    #svgContainer {
        width: 100%;
        height: 100vh;
        overflow: hidden;
        position: relative;
        position: absolute;
        top: 0;
        z-index: -1;
    }
    #svgBackground {
          transform: scale(1.2);
    }
    
    #svgBackground svg#svgWhite {
        position: absolute;
        top:0;
        left:0;
        width:100%;
        opacity: 0.7;
        animation-name: animSvgWhite;
        animation-duration: 8s;
        animation-iteration-count: infinite;
        animation-direction: alternate;
        animation-timing-function: ease;
        z-index: 2;
    } 
    #svgBackground svg#svgLightBlue {
        position: absolute;
        top:0;
        left:0;
        width:100%;
        opacity: 0.4;
        animation-name: svgLightBlue;
        animation-duration: 7s;
        animation-iteration-count: infinite;
        animation-direction: alternate;
        animation-timing-function: ease;
        z-index: 1;
    }  
    #svgBackground svg#svgPurple {
        position: absolute;
        top:0;
        left:0;
        width:100%;
        opacity: 0.6;
        animation-name: animSvgWhite;
        animation-duration: 12s;
        animation-iteration-count: infinite;
        animation-direction: alternate;
        animation-timing-function: ease;
    }    
    
@keyframes animSvgWhite {
  from {transform: translateX(-2%) translateY(-4%);}
  to {transform: translateX(0%) translateY(0%);}
}    
@keyframes svgLightBlue {
  from {transform: translateX(3%) translateY(-4%);}
  to {transform: translateX(0%) translateY(0%);}
} 
@keyframes svgPurple {
  from {transform: translateX(-10%) translateY(0%);}
  to {transform: translateX(0%) translateY(10%);}
}