.area-circles {
    margin: 100px 0;
    & .wrapper {
        position: relative;
    }
    &__one {
        text-align: center;
        width: 230px;
        margin: 0 20px 50px 20px;
    }
    &__circles {
        margin: 50px 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    &__name{ 
        font-size: 14px;
        font-weight: bold;
        text-align: center;
    }
    &__text {
        font-size: 14px;
        margin: 10px 0 0 0;
        line-height: 1.5em;
    }
    &__family {
        position: absolute;
        left: 0;
        bottom: 0;
    }
    &__giraff {
        position: absolute;
        right: 0;
        bottom: 0;
    }
}