.eas-slider {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.eas-slider .swiper-slide {
  width: 100%;
  height: 100%;
  position: relative;
}

.layer {
  opacity: 0;
  transition: all 0.6s ease;
}
.layer[data-anim="fade-in"] {
  animation: fadeIn 1s forwards;
}
.layer[data-anim="slide-up"] {
  animation: slideUp 1s forwards;
}
.layer[data-anim="zoom-in"] {
  animation: zoomIn 1s forwards;
}
@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}
@keyframes slideUp {
  from {transform: translateY(30px); opacity: 0;}
  to {transform: translateY(0); opacity: 1;}
}
@keyframes zoomIn {
  from {transform: scale(0.8); opacity: 0;}
  to {transform: scale(1); opacity: 1;}
}