a.tn-atom:hover {opacity:0.9!important;}

/* настраиваем величину подъёма один раз */
.hovertop { 
  --lift: 10px;                  /* сколько поднимать на hover */
  padding-top: var(--lift);      /* запас сверху под анимацию */
  /* важно: НЕ задавай overflow:hidden на .hovertop */
}

.hovertop .tn-atom__img {
  display: block;
  transition: transform 0.4s ease;
  will-change: transform;
}

/* двигаем только картинку вверх на величину запаса */
.hovertop:hover .tn-atom__img {
  transform: translateY(calc(-1 * var(--lift)));
}