/* Общее правило: обрезаем содержимое шейпа */
.hover-scale1,
.hover-scale2,
.hover-scale3,
.hover-scale4,
.hover-scale5,
.hover-scale6,
.hover-scale7,
.hover-scale8 {
    overflow: hidden; /* всё, что выходит за границы шейпа, скрывается */
}

/* Плавное увеличение картинок при наведении */
.hover-scale1 img,
.hover-scale1 .tn-atom,
.hover-scale2 img,
.hover-scale2 .tn-atom,
.hover-scale3 img,
.hover-scale3 .tn-atom,
.hover-scale4 img,
.hover-scale4 .tn-atom,
.hover-scale5 img,
.hover-scale5 .tn-atom,
.hover-scale6 img,
.hover-scale6 .tn-atom,
.hover-scale7 img,
.hover-scale7 .tn-atom,
.hover-scale8 img,
.hover-scale8 .tn-atom {
    transition: transform 0.6s ease-in-out;
    transform-origin: center center; /* масштабирование от центра */
}

/* Hover: аккуратное увеличение */
.hover-scale1:hover img,
.hover-scale1:hover .tn-atom,
.hover-scale2:hover img,
.hover-scale2:hover .tn-atom,
.hover-scale3:hover img,
.hover-scale3:hover .tn-atom,
.hover-scale4:hover img,
.hover-scale4:hover .tn-atom,
.hover-scale5:hover img,
.hover-scale5:hover .tn-atom,
.hover-scale6:hover img,
.hover-scale6:hover .tn-atom,
.hover-scale7:hover img,
.hover-scale7:hover .tn-atom,
.hover-scale8:hover img,
.hover-scale8:hover .tn-atom {
    transform: scale(1.06); /* аккуратное увеличение */
}