@keyframes crossfade {
      0% { opacity: 0; }
      5% { opacity: 1; }
      45% { opacity: 1; }
      50% { opacity: 0; }
      100% { opacity: 0; }
  }

.slider-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: 0;
    animation-name: crossfade;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}