Multiple background images with color

by firegroove

HTML

<h2>
Multiple background images with color
</h2>

CSS

body{
  background-image:url(http://pngimg.com/uploads/dog/dog_PNG182.png), url(http://pngimg.com/upload/small/sun_PNG13414.png), url(http://pngimg.com/upload/small/grass_PNG401.png);
  background-position:50px 0, -50px -104px, left bottom;
  background-repeat: no-repeat, no-repeat, repeat-x;
  background-color:#92ddff;
  height:100vh;
  text-align:center;
}