.fluid {
width:100%; height: 70vh;  animation: fluidrotate 30s ease 0s infinite; }
@keyframes fluidrotate {  
0%, 100% {
border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
background:#6a5285;
}
14% {
border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
background:#edb5d1;
}
28% {
border-radius: 54% 46% 38% 62%/49% 70% 30% 51%; background:#ea5514;
}
42% {
border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
background:#f3ea43;
}
56% {
border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
background:#6dbe85;
}
70% {
border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
background:#6ec4c3;
}
84% {
border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
background:#646cb0;
}
}
@media screen and (orientation: portrait) {
.fluid {
height: 40vh; }
}