@charset "utf-8";


.slider-wrap{
  margin-top:2.5rem;
    overflow: hidden;
}
.autoplay-slider{
  display: flex;
  min-width: 100%;
  width: min-content;
  animation: 120s linear infinite sliderAnimation;
}
.autoplay-slide{
  height: auto;
  width: 450px;
  aspect-ratio:4/3;
  object-fit:cover;
  margin: 0 10px;
  position: relative;
} 

@keyframes sliderAnimation {
  100% {
    transform: translateX(-50%);
  }
}


@media screen and (max-width: 1279px) {
.autoplay-slide{
  width: 350px;
  }
}

@media screen and (max-width: 767px) {
.autoplay-slide{
  width: 250px;
    animation: 60s linear infinite sliderAnimation;
  }
}