.slider-container {
  width: 100%; 
  min-width: 300px; 
  overflow: hidden;
  /* border-radius: 8px; */
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  max-height: 600px;
  margin-top: -30px;
  margin-bottom: 130px;
}

.slider-images {
  display: flex;
  animation: slideAnimation 16s infinite alternate;
  animation-play-state: running;
}

.slider-images:hover {
  animation-play-state: paused; 
}

.slider-images img {
  width: 100vw; 
  height: auto;
  display: block;
  flex-shrink: 0; 
}


/* Animasyon Tanımı */
@keyframes slideAnimation {
  0%, 20% {
    transform: translateX(0); 
  }
  25%, 45% {
    transform: translateX(-100%); 
  }
  50%, 70% {
    transform: translateX(-200%); 
  }
  75%, 95% {
    transform: translateX(-300%); 
  }
  100% {
    transform: translateX(0); 
  }
}


@media (max-width: 768px) {
  .slider-images {
    animation-duration: 12s;
  }
}

@media (min-width: 768px) {
  .slider-images {
    background-position:bottom center;
  }
  
}