idth: 100px;
    }

  div#red-overlapped-test
    {
      background-color: red;
      contain: paint;
    }

  img
    {
      vertical-align: bottom;
    }

  div#green-overlapping-reference
    {
      background-color: green;
      bottom: 100px;
      position: relative;
    }
  </style>

  <p>Test passes if there is a filled green square and <strong>no red</strong>.

  <div id="red-overlapped-test"><img src="support/swatch-red.png" width="100" height="200" alt="Image download support must be enabled">