.blob-1 {
    width: 38%;
    height: 31%;
    top: -9%;
    left: -7%;
    background-color: var(--accent);
    border-radius: 61% 39% 48% 52% / 42% 55% 45% 58%;
    transform: rotate(-17deg);
    opacity: 0.42;
}

.blob-2 {
    width: 21%;
    height: 40%;
    top: 10%;
    right: 48%;
    background-color: var(--secondary);
    border-radius: 37% 63% 55% 45% / 58% 42% 63% 37%;
    transform: rotate(24deg);
    opacity: 0.27;
}

.blob-3 {
    width: 25%;
    height: 42%;
    top: 38%;
    left: -10%;
    background-color: #D8B9BE;
    border-radius: 46% 54% 35% 65% / 62% 39% 61% 38%;
    transform: rotate(31deg);
    opacity: 0.34;
}

.blob-4 {
    width: 34%;
    height: 29%;
    top: 30%;
    right: -11%;
    background-color: var(--secondary);
    border-radius: 63% 37% 44% 56% / 39% 64% 36% 61%;
    transform: rotate(-22deg);
    opacity: 0.25;
}

.blob-5 {
    width: 20%;
    height: 28%;
    bottom: -8%;
    left: 10%;
    background-color: var(--accent);
    border-radius: 52% 48% 67% 33% / 36% 61% 39% 64%;
    transform: rotate(18deg);
    opacity: 0.31;
}

.blob-6 {
    width: 41%;
    height: 34%;
    bottom: -12%;
    right: 8%;
    background-color: #D8B9BE;
    border-radius: 38% 62% 57% 43% / 63% 42% 58% 37%;
    transform: rotate(-14deg);
    opacity: 0.32;
}

.main-text {
    font-weight: bold;
    font-size: 32px;
    line-height: 1.35;
    color: var(--text);
}

.main-image {
    width: 80%;
    max-width: 320px;
    aspect-ratio: 1 / 1;
    height: auto;
    object-fit: cover;
    border-radius: 50%;
    background-color: var(--light);
    border: 7px solid var(--bg);
    outline: 3px solid var(--secondary);
    box-shadow:
        0 15px 35px rgba(73, 62, 58, 0.17),
        0 0 0 12px rgba(200, 174, 180, 0.18);
}