:root {
    --rise-theme-blob-color1: #3F776F;
    --rise-theme-blob-color2: #FFD391;
    --rise-theme-blob-color3: #E3E2BF;
    --rise-theme-blob-color4: #3F776F;
}

.rise-theme-blob-wrapper {
    position: absolute;
    pointer-events: none;
    z-index: 1;
    top: 10vh;
    right: 20vw;
}

.rise-theme-blob-svg {
    transform-origin: 50% 50%;
    animation: rise-theme-blob-move 24s ease-in-out infinite;
}

@keyframes rise-theme-blob-move {
    0% {
        transform: scale(1) translate(0, 0) rotate(0);
        fill: var(--rise-theme-blob-color1);
    }
    25% {
        transform: scale(0.8) translate(5vw, 10vh) rotate(55deg);
        fill: var(--rise-theme-blob-color2);
    }
    50% {
        transform: scale(0.6) translate(10vw, 5vh) rotate(180deg);
        fill: var(--rise-theme-blob-color3);
    }
    75% {
        transform: scale(0.8) translate(5vw, 10vh) rotate(55deg);
        fill: var(--rise-theme-blob-color4);
    }
    100% {
        transform: scale(1) translate(0, 0) rotate(0);
        fill: var(--rise-theme-blob-color1);
    }
}