:root {
    --tg-bg-top: 30px;
    --tg-bg-right: 50%;
    --tg-bg-size: 80%;
    --ci-bg-top: 110px;
    --ci-bg-right: 70%;
    --ci-bg-size: 150px;
}

.telegram-bots-section {
    padding: 80px 40px;
    padding-top: 250px;
    font-family: 'Segoe UI Light', sans-serif;
    background-image:
        url('../img/tgbot-xs.webp');
    background-repeat: no-repeat;
    background-position:
        top var(--tg-bg-top) right var(--tg-bg-right);
    background-size:
        var(--tg-bg-size);
}

.telegram-bots-section__title {
    background-position: bottom 63px right 50px;
}

@media (max-width: 680px) {
    :root {
    --tg-bg-top: 30px;
    --tg-bg-right: 50%;
    --tg-bg-size: 90%;
    --ci-bg-top: 110px;
    --ci-bg-right: 70%;
    --ci-bg-size: 150px;
}

    .telegram-bots-section__title {
    background-position: bottom 63px right 10px;
    }
}


@media (max-width: 640px) {

    .telegram-bots-section__title {
    background-position: bottom 63px right 0px;
    }
}


@media (max-width: 626px) {

    .telegram-bots-section__title {
    font-size: 8vw;
    background-position: bottom 9px left 0px;
    }
}


@media (max-width: 590px) {

    .telegram-bots-section__title {
             font-size: 56px;
            line-height: 62px;
            text-align: center;
            background-position: bottom 71px left 50%;
    }
}