.slider {
  width: 100%;
  height: 500px;
  overflow: hidden;
  position: relative;
}
.slider-track {
  display: flex;
  height: 100%;
}
.slide {
  flex: 0 0 100%;
  height: 100%;
}
.slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media (max-width: 768px) {
  .slider {
    height: 200px;
  }
}