.js-product-img{
     background-size: 80%;  
   } 
.t762 {
    padding-left: 100px;
    padding-right: 100px;
}
#rec2422139411 .t-section__descr {
     margin-bottom: 0px !important; 
}
/* Контейнер-обёртка – обрезаем выступающее при увеличении */
.t-catalog__tabs__content figure {
    overflow: hidden;
    margin: 0;
    /* Желательно задать фиксированную ширину, чтобы картинка не раздвигала блок */
    width: 100%; /* или точное значение, например 300px, если нужно */
}

/* Сама картинка – адаптивная и с плавным изменением ширины */
.t-catalog__tabs__content figure img {
    display: block;
    width: 100%;
    height: auto;
    transition: width 0.3s ease; /* анимация изменения ширины */
    will-change: width;
}

/* При наведении – увеличиваем ширину на 20% (например, со 100% до 120%) */
.t-catalog__tabs__content figure:hover img {
    width: 120%; /* можно и в пикселях, но проценты удобнее */
}