.my-slider-image {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  margin-top: 20px; /* Начальный сдвиг вниз */
  transition: opacity 1s ease-in-out, margin-top 1s ease-in-out;
  transition-delay: 0s; /* Начальная задержка */
}

.my-slider-image.active {
  opacity: 1;
  z-index: 1;
  margin-top: 0; /* Возвращение в исходное положение */
  transition-delay: 0.5s; /* Задержка перед началом анимации */
}

/* Пример для второго изображения */
.my-slider-image:nth-child(2).active {
  transition-delay: 0.5s; /* Больше задержки для второго элемента */
}

/* И так далее для последующих элементов */
.my-slider-image:nth-child(3).active {
  transition-delay: 0.5s;
}

.t-beforeafter__slider {
    border-radius: 10px;
}