/* Slider container */
.slider {
    height: 400px;
    margin: auto;
    position: relative;
    width: 90%;
    display: grid;
    place-items: center;
    overflow: hidden;
  }
  
  /* Track that holds all slides */
  .slide-track {
    display: flex;
    width: calc(500px * 16); /* Updated width based on new .slide width */
    animation: scroll 40s linear infinite;
  }
  
  /* Pause scrolling on hover */
  .slide-track:hover {
    animation-play-state: paused;
  }
  
  /* Keyframes for smooth horizontal scrolling */
  @keyframes scroll {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(calc(-500px * 8)); /* Scroll halfway (8 of 16 slides) */
    }
  }
  
  /* Individual slide */
  .slide {
    height: 400px;
    width: 500px; /* Increased from 450px */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px;
    box-sizing: border-box;
    perspective: 100px;
  }
  
  /* Image inside the slide */
  .slideImg {
    width: 100%;
    height: auto;
    transition: transform 1s;
    object-fit: cover;
    border-radius: 10px;
  }
  
  /* Slight zoom on hover */
  .slideImg:hover {
    transform: translateZ(20px);
  }
  
  /* Fading left and right edge overlays */
  .slider::before,
  .slider::after {
    content: '';
    height: 100%;
    position: absolute;
    width: 15%;
    z-index: 2;
    top: 0;
    pointer-events: none;
  }
  
  .slider::after {
    right: 0;
    transform: rotate(180deg);
  }
  
  .slider::before {
    left: 0;
  }