html, body { overflow-x: hidden; }   /* stops 100vw causing horizontal jitter */

.slider {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
}

.slides {
  display: flex;
  height: 100%;
  transition: transform 0.6s ease;
}

.slides img {
  flex: 0 0 100vw;
  width: 100vw;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}