.rippleComponent .ripple{height:1px}.rippleComponent .ripple .waves{position:relative;width:100%;height:15%;margin-bottom:-7px;min-height:80px;max-height:150px;transform:translateY(-100%);z-index:2}.rippleComponent .ripple .parallax>use{animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;transition:all .3s}.rippleComponent .ripple .parallax>use:first-child{animation-delay:-2s;animation-duration:7s}.rippleComponent .ripple .parallax>use:nth-child(2){animation-delay:-3s;animation-duration:10s}.rippleComponent .ripple .parallax>use:nth-child(3){animation-delay:-4s;animation-duration:13s}.rippleComponent .ripple .parallax>use:nth-child(4){animation-delay:-5s;animation-duration:20s}@keyframes move-forever{0%{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}@media(max-width:768px){.rippleComponent .ripple .waves{height:40px;min-height:40px}.rippleComponent .ripple h1{font-size:24px}}