CodePen

HTML

            
              <div class="component" style="background-image: url('http://lorempixel.com/500/500/sports/')">
  Small screens shouldn't see background image
</div>
            
          
!
via HTML Inspector

CSS

            
              body {  background: url('http://s15.postimage.org/veanrmv0r/purty_wood_3.png');  padding: 20px;}

.component {
  color: white;
  text-shadow: 0 1px 3px black;
}

@media screen and (min-width: 768px) {
 .component {
    background: center center no-repeat;
    background-size: cover;
    width: 200px;
    height: 200px;
 }
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

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