sousa-gecko/testing/web-platform/tests/css/css-backgrounds/local-attachment-flex-column-reverse-scroll-ref.html

<!doctype html>
<title>CSS Backgrounds: local attachment with flex-direction: column-reverse scroll - Reference</title>
<style>
.init_scrolled {
  width: 100px;
  height: 100px;
  overflow: hidden;
  background-color: blue;
}
.mid_scrolled {
  width: 100px;
  height: 100px;
  overflow: hidden;
  background-image: linear-gradient(to bottom, yellow 50%, blue 50%);
}
.max_scrolled {
  width: 100px;
  height: 100px;
  overflow: hidden;
  background-color: yellow;
}
</style>
<div class="init_scrolled">
</div>
<div class="mid_scrolled">
</div>
<div class="max_scrolled">
</div>