@media (min-width: 1280px) {
  .animated-item {
    opacity: 0;
    transform: translateX(50px); /* Элемент изначально находится справа */
    transition: all 0.3s ease-out; /* Плавная анимация */
  }

  .animated-item.visible {
    opacity: 1;
    transform: translateX(0); /* Элемент возвращается на место */
  }
}

  .clip-rect-leading {
    clip: rect(0, auto, auto, 0);
  }
  .clip-path-custom-leading {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }