JSFiddle - React, Tailwind, and code Playground

by chad

HTML

<div class="bg-grad">
    <div class="bg-image"></div>
</div>

CSS

.bg-grad {
    width: 300px;
    height: 400px;
    background: linear-gradient(to top, red, #0ac 200px);
}
.bg-image {
    width: 100%;
    height: 100%;
    background: url('https://www.google.com/images/srpr/logo5w.png') no-repeat bottom right;
}