<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Multiple Css background images</title>
</head>
<body>
  
</body>
</html>
:root {
  --bg-image-one: url(https://i1.wp.com/freepngimages.com/wp-content/uploads/2015/06/jay-bird-flying.png?fit=750%2C436);
  --bg-image-two: url(https://www.theuiaa.org/wp-content/uploads/2017/12/2018_banner.jpg);
  
}

body {
  margin: 0;
  min-height: 100vh;
  /* Comma separated values for each image */
  background-image: var(--bg-image-one), var(--bg-image-two);
  background-position: center center, center center;
  background-size: 350px, cover;
  background-repeat: no-repeat,  no-repeat;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.