.texte-image--container {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

@media screen and (min-width: 992px) {
    .texte-image--container {
        flex-direction: row-reverse;
        align-items: center;
        gap: clamp(24px, 9.58vw, 138px);
        padding-inline: clamp(0px, 6.11vw, 88px);
    }
}

.texte-image--content {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
    text-align: center;
}

@media screen and (min-width: 992px) {
    .texte-image--content {
        gap: 30px;
        align-items: flex-start;
        text-align: left;
    }
}

.texte-image--image {
    width: 100%;
    flex-shrink: 0;
    position: relative;
    display: flex;
}

.texte-image--image::after {
    content: "";
    width: 90px;
    height: 90px;
    -webkit-mask: url("../images/illus-small.svg") no-repeat center;
    mask: url("../images/illus-small.svg") no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background: var(--rose);
    position: absolute;
    right: -12px;
    bottom: 10px;
}

@media screen and (min-width: 992px) {
    .texte-image--image::after {
        width: 138px;
        height: 138px;
        bottom: 0;
        right: -64px;
    }
}

@media screen and (min-width: 992px) {
    .texte-image--image {
        max-width: clamp(0px, 34.02vw, 490px);
    }
}

.texte-image--image img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 380px;
}

@media screen and (min-width: 992px) {
    .texte-image--image img {
        height: auto;
        min-height: 600px;
    }
}

.texte-image--numbers {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    justify-content: center;
}

@media screen and (min-width: 992px) {
    .texte-image--numbers {
        justify-content: flex-start;
        gap: 32px;
    }
}

.texte-image--numbers div {
    max-width: 112px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    opacity: 0;
    transform: translateY(10px);
}

.texte-image--numbers span {
    font-family: var(--play);
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 700;
    line-height: 90%;
}

@media screen and (min-width: 992px) {
    .texte-image--numbers span {
        font-size: 2.375rem;
    }
}

.texte-image--numbers p {
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    text-wrap: balance;
}

/*# sourceMappingURL=style.css.map */