CodePen

HTML

            
              <div class="bg">
   <h1>Header1</h1>   
        <h2>Header2</h2>
  <div class="person">
       
  </div><!-- person -->
</div>
            
          
!
via HTML Inspector

CSS

            
              .bg { position:relative; background:url('http://subtlepatterns.com/patterns/strange_bullseyes.png'); width:900px; height: 300px;  }
.person { background:url('http://icons.iconseeker.com/png/fullsize/artists-valley-sample/business-man-blue.png') no-repeat; width:256px; height:256px; float:right; position:absolute; right:0; top:0;  }


            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................