<!DOCTYPE html>
<html>
<style>
  h1 {
    overflow: hidden;
    width: 792px;
    height: 160px;
  }

  h1:before {
    content: url("resources/red-at-12-oclock-with-color-profile.jpg");
    display: inline-block;
    margin: 0px -20px;
  }
</style>

</body>
  <!-- The blue sector of the content image should be at 12 o'clock. -->
  <h1>
    pseudo-content image replacement
  </h1>
</body>