.blob {
    position: absolute;
    width: 400px ;
    height: 400px;
    background: linear-gradient(
            180deg,
            rgba(47, 184, 255,0.42) 31.77%,
            #5c9df1 100%
    );
    /*mix-blend-mode: color-dodge;*/
    -webkit-animation: move 25s infinite alternate;
    animation: move 25s infinite alternate;
    transition: 1s cubic-bezier(0.07, 0.8, 0.16, 1);
}

/*.blob:hover {*/
/*    width: 520px;*/
/*    height: 520px;*/
/*    -webkit-filter: blur(30px);*/
/*    filter: blur(30px);*/
/*    box-shadow:*/
/*            inset 0 0 0 5px rgba(255,255,255, 0.6),*/
/*            inset 100px 100px 0 0px #95caef,*/
/*            inset 200px 200px 0 0px #d9b9ff,*/
/*            inset 300px 300px 0 0px #0086ff;*/
/*}*/

/*@-webkit-keyframes move {*/
/*    from {*/
/*        transform: translate(-100px, 50px) rotate(-90deg);*/
/*        border-radius: 24% 76% 35% 65% / 27% 36% 64% 73%;*/
/*    }*/

/*    to {*/
/*        transform: translate(5px, 150px) rotate(-10deg);*/
/*        border-radius: 76% 24% 33% 67% / 68% 55% 45% 32%;*/
/*    }*/
/*}*/

@keyframes move {
    from {
        transform: translate(20px, -50px) rotate(-90deg);
        border-radius: 24% 76% 35% 65% / 27% 36% 64% 73%;
    }

    to {
        transform: translate(5px, 50px) rotate(-10deg);
        border-radius: 76% 24% 33% 67% / 68% 55% 45% 32%;
    }
}