/* 1. Выносим текстовые блоки поверх изображений в отдельный слой */
:where(.uc-hover, .uc-animation) .tn-elem[data-elem-type="text"] {
    z-index: 10 !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

/* 2. Стабилизируем отрисовку шрифта в Safari */
:where(.uc-hover, .uc-animation) .tn-atom {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent;
}

/* 3. Оптимизируем анимируемую обертку ховера */
:where(.uc-hover, .uc-animation) .tn-atom__sbs-anim-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    will-change: opacity;
}