JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container"></div>

CSS

.container {
  height: 400px;
  background-image: 
    url(http://placekitten.com/200/250),  
    url(https://mdn.mozillademos.org/files/11307/bubbles.png),
    linear-gradient(to bottom, #7db9e8 0%,#1e5799 99%);
  background-repeat: 
    no-repeat;
  background-position: 
    bottom center, 
    0 100%;
}