.slider-items {
  position: relative;
  max-width: 800px;
  aspect-ratio: 3/2;
  overflow: hidden;
  display: flex;
  width: 100%;
}

.slider-items img {
  width: 100%;
  flex: 1;
  position: absolute;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.slider-items img.active {
  opacity: 1;
}

/* Variables for dynamic animation */
:root {
  --slide-duration: 5s; /* Change this to the desired duration for each slide */
}