overflow: auto;
}

.slides {
  width: 200%;
  display: flex;
}

.slide {
  flex: 0 0 50%;
  contain:  paint;
}

img {
  width: 300px;
  height: 250px;
}
</style>

<div class="carousel">
  <div class="scroller">
    <div class="slides">
      <div class="slide">
        <img id="image" src="/images/green-256x256.png">
      </div>
      <div class="slide">
        <img>
      </div>
    </div>
  </div>
</div>

<script>

function toggleDisplay() {
  var img = document.getElementById("image");
  img.style.disp