<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Image color matching</title>
  <style type="text/css" media="screen">
    body {
      color: white;
      background-color: black;
    }
    
    .composited > img {
      -webkit-transform: translateZ(0);
    }
  </style>
</head>
<body>
  <p>Images should all look the same.</p>
  <div>
    <img src="resources/genericRGB.png" width="360" height="240" alt="GenericRGB">
    <img src="resources/no-profile.png" width="360" height="240" alt="No Profile">
  </div>
  <div class="composited">
    <img src="resources/genericRGB.png" width="360" height="240" alt="GenericRGB">
    <img src="resources/no-profile.png" width="360" height="240" alt="No Profile">
  </div>
</body>
</html>