<!--
Include TwicPics script https://<subdomain>.twic.pics/v1/script in head or before </body> tag 
-->

<div class="bg" data-twic-background-step="100" data-twic-background="url(image:codepen/logo-portrait-monochrome-light-padding%403x.png), url(image:codepen/photo-1526819657387-c0885447b537.jpg)"></div>
html,
body {
  height: 100%;
  background-color: #000;
}

.bg {
  display: block;
  width: 100%;
  height: 100%;
  background-image: none, none;
  background-size: contain, cover;
  background-repeat: no-repeat, no-repeat;
  background-position: center, center;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://demo.twic.pics/v1/script