.box{position:relative;margin:auto;display:block;width:100%;min-height:775px;height:100vh;background:#fff;z-index:0;overflow:hidden}.blob{position:absolute;z-index:100}.blob-1{height:20rem;width:20rem;background:#736ae4;top:calc(25% - 5rem);right:calc(75% - 5rem);animation:blob 10s ease-in-out infinite,float 175s ease-in-out infinite}.blob-2{height:12rem;width:12rem;background:#5bcfc1;top:10%;right:10%;border-radius:65% 60% 35% 50%/65% 38% 75% 36%;animation:blob 8s ease-in-out infinite,float 125s ease-in-out infinite}.blob-3{height:9rem;width:9rem;background:#d67280;top:80%;right:70%;animation:blob 5s ease-in-out infinite,float 95s ease-in-out infinite}.blob-4{height:15rem;width:15rem;background:#f9d748;top:80%;right:5%;animation:blob 10s ease-in-out infinite,float 250s ease-in-out infinite}@keyframes blob{0%{border-radius:65% 60% 35% 50%/65% 38% 75% 36%}25%{border-radius:89% 54% 62% 42%/83% 45% 75% 63%}50%{border-radius:65% 60% 35% 50%/65% 38% 75% 36%}25%{border-radius:46% 54% 50% 50%/35% 61% 39% 65%}50%{border-radius:61% 39% 67% 33%/70% 50% 50% 30%}75%{border-radius:89% 54% 62% 42%/83% 45% 75% 63%}100%{border-radius:65% 60% 35% 50%/65% 38% 75% 36%}}@keyframes float{0%{transform:rotate(0deg) translateX(0%) translateY(0%)}25%{transform:rotate(10deg) translateX(35%) translateY(-100%)}50%{transform:rotate(0deg) translateX(-35%) translateY(100%)}100%{transform:rotate(0deg) translateX(0%) translateY(0%)}}