 the transform on the container is applied to all the
     absolutely positioned descendants, and also that the transform origin is
     correct. -->
<div style="transform:rotate(180deg); height:250vh; background:red;">
  <div style="position:absolute; width:100%; transform:translateY(-100vh); top:-100vh; height:100vh; background:yellow;"></div>
  <div style="position:absolute; width:100%; height:100vh; background:pink;"></div>
  <div style="position:absolute; width:100%; top:100vh; height:100vh; background