.images {
  overflow: hidden;
}
.images img {
  display: block;
  max-width: none;
  width: 273%;
  height: auto;
}

@media all and (min-width: 22rem) {
  .images img {
    width: 208%;
  }
}

@media all and (min-width: 30rem) {
  .images img {
    width: 164%;
  }
}

@media all and (min-width: 40rem) {
  .images img {
    width: 138%;
  }
}

  @media all and (min-width: 60rem) {
    .images img {
      width: 118%;
    }
  }

  @media all and (min-width: 72rem) {
    .images img {
      width: 100%;
    }
}