.component--text figure {
    display: table;
    padding: 15px;
    border: 1px solid var(--bs-green);
    border-radius: 20px;
    position: relative;
}

.component--text figure:before {
    position: absolute;
    content: "";
    width: 35px;
    height: 35px;
    background: var(--bs-green);
    right: -20px;
    top: -20px;
    border-radius: 50%;
    z-index: 1;
    display: none;
}

.component--text .text-area {
    max-width: 490px;
    margin: 0 auto;
}

.component--text figure img {
    filter: grayscale(1);
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.component--text figure img:hover,
.component.component--text.section-active figure img {
    filter: grayscale(0);
}

@media(min-width: 992px) {
    .component--text figure:before {
        display: block;
    }
}