.slider{
  overflow: hidden;
  cursor: pointer;
}
.slider img{
  width: 100%;
  transition-duration: 0.5s;
}
.slider:hover img{
  transform: scale(1.1);
  transition-duration: 0.5s;
}
.slider{
  padding: 0px;
  animation: fadeIn 2s ease 0.5s 1 normal backwards;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}