html,body{
    width: 100vw;
    height: 100vh;
}
body {
  background-image:
    url("https://www.w3cplus.com/sites/default/files/blogs/2015/1506/css-blend-mode-3.jpg"),
    url("https://www.w3cplus.com/sites/default/files/blogs/2015/1506/css-blend-mode-3.jpg"),
    url("https://www.w3cplus.com/sites/default/files/blogs/2015/1506/css-blend-mode-3.jpg"),
    url("https://www.w3cplus.com/sites/default/files/blogs/2015/1506/css-blend-mode-3.jpg"),
    url("https://www.w3cplus.com/sites/default/files/blogs/2015/1506/css-blend-mode-3.jpg"),
    url("https://www.w3cplus.com/sites/default/files/blogs/2015/1506/css-blend-mode-3.jpg"),
    url("https://www.w3cplus.com/sites/default/files/blogs/2015/1506/css-blend-mode-3.jpg"),
    url("https://www.w3cplus.com/sites/default/files/blogs/2015/1506/css-blend-mode-3.jpg"),
    url("https://www.w3cplus.com/sites/default/files/blogs/2015/1506/css-blend-mode-3.jpg"),
    url("https://www.w3cplus.com/sites/default/files/blogs/2015/1506/css-blend-mode-3.jpg"),
    url("https://www.w3cplus.com/sites/default/files/blogs/2015/1506/css-blend-mode-3.jpg"),
    url("https://www.w3cplus.com/sites/default/files/blogs/2015/1506/css-blend-mode-3.jpg"),
    url("https://www.w3cplus.com/sites/default/files/blogs/2015/1506/css-blend-mode-2.jpg");
  background-size: 
    150px 100px,
    150px 100px,
    150px 100px,
    150px 100px,
    150px 100px,
    150px 100px,
    150px 100px,
    150px 100px,
    150px 100px,
    150px 100px,
    150px 100px,
    150px 100px,
    cover;
  background-position: 
    0 0,
    155px 0,
    310px 0,
    465px 0,
    620px 0,
    775px 0,
    0 105px,
    155px 105px,
    310px 105px,
    465px 105px,
    620px 105px,
    775px 105px,
    center;
  background-repeat: no-repeat;
  background-blend-mode:multiply, screen,overlay,darken,lighten,color-dodge,color-burn,hard-light,soft-light,difference,exclusion,normal;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.