@media (max-width: 690px) {
    .tg-banner__wrapper {
        flex-direction: column;
        text-align: center;
    }
    .tg-banner__container {
        min-height: unset;
        border-radius: 8px;
        right: 18px;
        bottom: 24px;
        left: 18px;
        width: auto;
    }
    .tg-banner__visual {
        flex: none;
        width: 100%;
        margin-bottom: 0;
        position: relative;
        min-height: 195px;
    }
    .tg-banner__img {
        position: relative;
        bottom: unset;
        left: unset;
        max-width: 220px;
        margin: 0 auto;
        display: block;
    }
    .tg-banner__content {
        padding: 25px 25px 0 25px;
        text-align: left;
        order: -1;
    }
    .tg-banner__title {
        font-size: 18px;
        line-height: 1.22;
        max-width: 295px;
    }
    .tg-banner__button {
        width: 100%;
        justify-content: center;
        box-sizing: border-box;
    }
    .tg-banner__bg {
        width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
    }
    .tg-banner__bg img {
        width: 100%;
        max-width: 280px;
        margin: 0 auto;
        display: block;

    }
}