/* Стили сработают только для экранов от 1200px и шире */
@media screen and (min-width: 1200px) {
    
    /* Базовые настройки для плавности (загружаются сразу) */
    .zoom, 
    .zoom .tn-molecule {
        transition: background-size 0.1s ease-in-out !important;
        background-size: 100% auto !important;
        background-position: center center !important;
        overflow: hidden; /* Чтобы фон не вылезал за границы */
    }

    /* Эффект увеличения только при наведении */
    .zoom:hover, 
    .zoom:hover .tn-molecule {
        background-size: 105% auto !important; /* Увеличиваем фон на 5% */
    }
    
}