Add Fade for SlideShow

component-slideshow.css

slideshow-component .slideshow.banner{
scroll-snap-type: none !important;
scroll-behavior: auto !important;
}
/*
@keyframes fadeIn {
0% { opacity: 0.5; }
100% { opacity: 1; }
}

@keyframes fadeOut {
0% { opacity: 1; }
100% { opacity: 0.5; }
}

slideshow-component .slideshow.banner [aria-hidden="false"] {
  animation: fadeIn 1500ms, fadeOut 1000ms 10800ms;
} */

.slideshow__slide{
  opacity: 0;
  transition: 4s;
  transition-timing-function: ease-out;
}
.slideshow__slide[aria-hidden="false"]{
  opacity: 1;
} 
.slider--everywhere{
  scroll-behavior: initial;
}