.home-intro {
    position: relative;
    background: #0d258c;
}

.home-intro-title {
    position: relative;
    z-index: 10;
}

.blobs {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    border-radius: var(--bs-border-radius-lg);
    z-index: 1;
}

.shape-blob {
    position: absolute;
    background: #1d3ab8;
    height: 50vw;
    width: 50vw;
    right: -15vw;
    top: 0;
    bottom: 0;

    border-radius: 40% 50% 30% 40%;
    animation:
            transform 18s ease-in-out infinite both alternate,
            movement_one 12s ease-in-out infinite both;
    filter: blur(90px);
}

.shape-blob.one{
    left: -15vw;
    animation: transform 8s ease-in-out infinite both alternate, movement_two 20s ease-in-out infinite both;
}

@keyframes transform
{
    0%,
    20% { border-radius: 20% 63% 51% 49% / 37% 35% 35% 63%; }
    40% { border-radius: 36% 64% 64% 36% / 64% 48% 52% 26%; }
    60% { border-radius: 37% 63% 51% 49% / 30% 30% 70% 73%; }
    80% { border-radius: 40% 60% 42% 58% / 51% 51% 49% 59%; }
    100% { border-radius: 33% 67% 70% 30% / 30% 40% 70% 70%; }
}

@keyframes movement_one
{
    0%,
    100% { transform: none; }
    50% { transform: translate(-10vw, 10vw) rotateY(30deg) scale(0.8); }
}

@keyframes movement_two
{
    0%,
    500% { transform: none; }
    50% { transform: translate(20vw, 10vw) rotate(-200deg) scale(1.3);}
}